Next.js Discord

Discord Forum

'Hydration failed' Console Error

Answered
Egyptian Mau posted this in #help-forum
Open in Discord
Egyptian MauOP
Hello everyone,
I'm new to development and specifically to the NextJS. It's my first time using NextJS and I'm getting error after running below commands..,
npx create-next-app@latest
Yes to TypeScript, ESLint, Tailwind CSS, src/ directory, and App Rouder
No to Turbopack, and import alias
cd my-app
npm run dev



Error is in the attacked screen shots. Can anyone please help me resolve the error I am getting?
Answered by @ts-ignore
you can:
- ignore the error(recommended)
- supress all hydration errors(not recommended)
View full answer

16 Replies

James4u
your extension
@Egyptian Mau
@@ts-ignore Colorzilla browser extension
Egyptian MauOP
Yes
@ts-ignore
disable it and this error will go away
Egyptian MauOP
and what if I want to use the extension as well?
@Egyptian Mau and what if I want to use the extension as well?
@ts-ignore
you can:
- ignore the error(recommended)
- supress all hydration errors(not recommended)
Answer
Egyptian MauOP
Thanks a lot.
both of you!
Egyptian MauOP
One more question guys,
While installing some dependencies, I'm getting error with code ERESOLVE and asking to retry with command --force OR --legacy-peer-deps.
James4u
what next.js version do you use? @Egyptian Mau
Egyptian MauOP
15.0.3
and as for react '19.0.0-rc-66855b96-20241106'
"dependencies": {
    "react": "19.0.0-rc-66855b96-20241106",
    "react-dom": "19.0.0-rc-66855b96-20241106",
    "next": "15.0.3"
  }
James4u
yeah, then you should use either of --force or --legacy-peer-deps
Egyptian MauOP
Okay, thanks