Next.js Discord

Discord Forum

Hydration error

Answered
Giant Chinchilla posted this in #help-forum
Open in Discord
Giant ChinchillaOP
I cant find it anywhere and i dont think i have it any help of finding out where it would be huge
Answered by Arinji
remove the div
View full answer

29 Replies

Can you show your code @Giant Chinchilla
Giant ChinchillaOP
which part tho
any place with a link tag
Giant ChinchillaOP
want full code?
@Arinji any place with a link tag
Giant ChinchillaOP
lemme search rq
if its a lot of components, start by just disabling all of the components, and enable it one at a time
Giant ChinchillaOP
till you see which component has the error
@Giant Chinchilla Click to see attachment
Link tags are also a tags
Giant ChinchillaOP
true
the error will also be from one of your active components
so any layout code, page code etc
Giant ChinchillaOP
yuh found it i think
remove the div
Answer
Giant ChinchillaOP
i still got the error
same error?
Giant ChinchillaOP
yeah
can you show your page code?
of the page you are on
Giant ChinchillaOP
found another one
istg i know for sure i did not do them this way and these are semi old codes i havent touched
wtf another one???
well the issue is that the server sends your html, and modern browsers can fix the invalid html to become valid html

hence there is a mismatch between the server content and the browser content called hydration errors.
Giant ChinchillaOP
ikik but i didnt do them this way idk why its like this
maybe prettier fked up
alr done fixed
finally fixed all