Error: Text content does not match server-rendered HTML when developing on Windows

[zznam]

Describe the bug

I follow the instruction to run the project locally on my Windows 11 PC (node v20.12.2)
But the following bug appear each time I visit any page and the label strings is not translated.

Unhandled Runtime Error
Error: Text content does not match server-rendered HTML.

See more info here: https://nextjs.org/docs/messages/react-hydration-error

Call Stack
checkForUnmatchedText
node_modules\react-dom\cjs\react-dom.development.js (9647:0)
diffHydratedProperties
node_modules\react-dom\cjs\react-dom.development.js (10310:0)
hydrateInstance
node_modules\react-dom\cjs\react-dom.development.js (11306:0)
prepareToHydrateHostInstance
node_modules\react-dom\cjs\react-dom.development.js (12564:0)
completeWork
node_modules\react-dom\cjs\react-dom.development.js (22181:0)
...

To reproduce

1. yarn
2. yarn dev
3. See error

Expected behavior

The page should render correctly

Screenshots

Desktop (please complete the following information)

• Windows 11 PC (node v20.12.2)

Smartphone (please complete the following information)

No response

Additional context

No response

Would you like to work on this issue?

• Yes
• No

[Abhinav-Chdhary]

This is not an issue, you have to configure your .env file. How to do that? It's all documented in .env.example

[wackerow]

This is a known issue, though realizing not one we have tracked on GitHub anywhere... it's not Windows-specific, nor .env-related, but a wider problem with how some of our pages are handled through Next.js SSR. cc: @pettinarip Is there another place I'm missing where we're tracking this at all?

[wackerow]

@pettinarip Went ahead and assigned you in the meantime if you wouldn't mind weighing in on how to approach this one. Feel free to re-assign as you see fit.

[corwintines]

Just adding @zznam, while we know about this issue, its not blocking. You can close the popup in the browser and work. You'll get this on refresh. It makes for a bad developer experience, so we should look into this.