Next.js Discord

Discord Forum

Hydration failed when creating a new project

Unanswered
Orinoco Crocodile posted this in #help-forum
Open in Discord
Avatar
Orinoco CrocodileOP
Hi I just tested this, when I start a new clean project without any input from me I get this, why ??

Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used

6 Replies

Avatar
Asian black bear
Scroll down the popup and it will show you the diff that causes the hydration error. It's 99% a browser extension that causes it and shouldn't happen in incognito mode.
Avatar
Chinese Alligator
geeting same issue while i added sanity as a backned
and after that it failed liike same
i dont hink it is extension ssue
i dont think 99% extension cause it
Avatar
Asian black bear
The diff in the popup will show what is causing the hydration error so it's easier to track it down. Also, OP said that they created a fresh project, which is indicative of an issue with the browser rather than the scaffolded Next project. Since you clearly mentioned that you have an app that you somehow integrated with Sanity your problem is likely caused by something else for which you're welcome to open a dedicated thread.