ThemeProvider must be a client component. Use "use client" at the top of the ThemeProvider component.

Likely you set up next-themes wrong, give a repro repository

Check out the themeprovider here , I already used "use client" still its not working\

welp i cant even run that for some reason

cause the next server just crashes without error

Whats wrong with the code

ok the next-themes code is perfectly fine

i don't have the db connection and whatnot so can't test, can you screenshot for me the whole hydration error in the browser console (not the nextjs error overlay)?

including the stack trace since it is very important to debug hydration errors

after downloading your file and trying to run it. It looks like the problem is in your InitialModal component because when I remove the InitialModal component no errors appear. but I still don't know what the problem is. and the next-themes provider working fine.

oh thanks a lot kizuna, that helped

this is a known radix bug

so instead of <Dialog open>, i think you have to make a modalIsOpen state that is initialised to false, then in a useEffect set it to true

ah... turns out that was the problem. thank you I learned something new from this

reason why i know this: i faced this exact error before, more times than i'd like to admit

Thank you so much man it really helped a lot

Thank you so much man really been stressing it from yesterday 🙂