I am getting an error just creating a fresh Next.js app, without adding any code.
npx [email protected] –ts
Hi. Does not make sense that a fresh app without any code added is having an error.
The error message is:
hook.js:608 A tree hydrated but some attributes of the server rendered HTML didn’t match the client properties. This won’t be patched up. 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.
Again, this is a fresh app, I don’t add absolutely anything!!