Lesson10: Metamask doesn't pop up when click connect button, and UI seems not ot rerender after any change in code

[pajserb0y]

I am having a problem with NextJs it doesn't rerender when I make any changes, I copied the full package.json and yarn.lock from Patrick and run "yarn" but nothing helped. I run "yarn dev" server starts but every change is not visible until I rerun "yarn dev".

Also "onClick" on the button "Connect" doesn't seems to work, because MetaMask doesn't pop up when I click it.

Here is my GitHub repo: so you can see (All my frontend is on branch "frontend") in folder "[frontend-nextjs]"

https://github.com/pajserb0y/Lottery-hardhat-smartcontract/tree/frontend

I am working on Windows 11, but using WSL

[pajserb0y]

I succeed to connect MetaMask to my website, website seemed to be connected to one account that I wasn't on, I noticed that when I printed the account connected. But I still have a problem with the site not rendering when I change the code, I always have to rerun "yarn dev"

[krakxn]

Use VSCode, there is an extension called Live Server by Ritwick Dey -- using this will re-render anything you change dynamically as it runs a HTTP-server. Hope this helps.

[pajserb0y]

No, it doesn't it runs a server in that directory, but doesn't render any HTML.
Thanks!

[pajserb0y]

I am guessing that "Fast Refresh" feature of NextJS is not working for me for some reason.