Hydration failed

[arburhan]

Link to the code that reproduces this issue

https://github.com/arburhan/chemni-pro

To Reproduce

Current vs. Expected behavior

I have created a new NextJS project. I did not change anything, after installing the project I ran the app. It is not running properly and is giving an error. As shown in the image above.

Provide environment information

OS: win10
{
  "name": "chemni-pro",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev --turbopack",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "next": "15.1.6"
  },
  "devDependencies": {
    "postcss": "^8",
    "tailwindcss": "^3.4.1",
    "eslint": "^9",
    "eslint-config-next": "15.1.6",
    "@eslint/eslintrc": "^3"
  }
}

Which area(s) are affected? (Select all that apply)

create-next-app

Which stage(s) are affected? (Select all that apply)

next dev (local), next start (local)

Additional context

No response

[icyJoseph]

Try in incognito mode, if that works, most likely, it is a chrome extension of yours that's injecting HTML to the page, before React takes over.

You can either, disable the extension, typically Grammarly, or others, not sure which one could be causing the issue for you, or use supressHydrationWarning, on whichever element has this issue, the body element likely.