Hydration failed because the initial UI does not match what was rendered on the server

joschan21 / nextjs-realtime-chat

A performant and reliable realtime-chat-app built with NextJS 13

906 stars 158 forks source link

Hydration failed because the initial UI does not match what was rendered on the server #5

Open durwankurnaik opened 1 year ago

durwankurnaik commented 1 year ago

I am currently at the timestamp 2:41:47 of the video and I am getting this error after I added "Add friend" along with the logo, I don't know how it happened, I tried many ways of fixing it but it doesn't get fixed. Here is the link to the repository in which my code is present: https://github.com/durwankurnaik/realtime-next-chat-app/blob/main/src/app/(dashboard)/dashboard/layout.tsx

Soraka-TheBanshee commented 1 year ago

same error for me but with Button

Soraka-TheBanshee commented 1 year ago

Welp. I figured that this is some cache problem that is not updating for some reason when any ui component was changed. At least there is no hydration error after i cleared cache in .next, but it appears after i gave the Button different child.

So, i decided to downgrade it to 13.2.4 as it is here, from 13.4.0. and it only what helped me