-
-
Notifications
You must be signed in to change notification settings - Fork 4k
Description
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:
1/3
Next.js 15.3.0 (stale)
Turbopack
Console Error
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:
- A server/client branch
if (typeof window !== 'undefined')
. - Variable input such as
Date.now()
orMath.random()
which changes each time it's called. - Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.
It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.
See more info here: https://nextjs.org/docs/messages/react-hydration-error
-
className="geist_bbb7c8dc-module__jFvF_G__variable space_grotesk_b1377d82-module__c9cn..."
-
className="[object Object] [object Object] antialiased bg-white" >
Call Stack
17
Show 15 ignore-listed frame(s)
body
(0:0)
RootLayout
rsc:/Server/C:%5CUsers%5Cakhta%5CResume-Matcher%5Capps%5Cfrontend%5C.next%5Cserver%5Cchunks%5Cssr%5C%5Broot-of-the-server%5D__98db263d._.js (143:270)
1
2
Was this helpful?