Skip to content

Console Error #379

@Nawajish10

Description

@Nawajish10

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() or Math.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?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions