Next.js Discord

Discord Forum

Error is getting out of hand and coming from nowhere

Answered
Asiatic Lion posted this in #help-forum
Open in Discord
Asiatic LionOP
Guys does anyone know what is wrong?
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


I get this error 99% of time when I load my page
TIRED OF IT!!!
Answered by gin
u need to disable that cause it is modyfing the actual html before the client has finished hydrating
View full answer

27 Replies

@gin it should tell u where it happens
Asiatic LionOP
This is not the first time
I mean when I even first create the project these start to occur
looks like some extension is inserting tags that mess wit the dom
open your page in incognito where u dont have any extensions installed
@gin looks like some extension is inserting tags that mess wit the dom
Asiatic LionOP
How can I find it out?
Yeah It doesn't happen in incognito
ok i found out which extension that is
do you have grammarly installed?
u need to disable that cause it is modyfing the actual html before the client has finished hydrating
Answer
hence u get this error
@gin do you have grammarly installed?
Asiatic LionOP
Yeah
damn
Ok lemme try
Well done
👍
Asiatic LionOP
But how can I fix this?
Is this going to happen for every user with Grammerly?
nope
only on dev it will throw runtime errors that will stop the rendering
Asiatic LionOP
oh ok
Thank you so much
no problem
u can mark my answer as solution :)
ty ❤️