Next.js Discord

Discord Forum

Hydration Error from Quickstart

Unanswered
sarif posted this in #help-forum
Open in Discord
Avatar
Hey. I used the nextjs quickstart with the command from the documentation:
npx create-next-app@latest

After running npm run dev, I'm getting a hydration error (I attached a screenshot). Any help would be appreciated. I can provide extra information if needed, though I'm not sure what to provide since it's just the quick-start.
Image
Image

6 Replies

Avatar
This is because of your browser extensions!!
You wouldn't see any hydration error in guest mode without any extensions.
Please give a minute to search similar issues before creating a post šŸ™‚
Avatar
Issue turned out to be that I was using Arc, wasn't because of extensions
Avatar
didn't you have any extension on Arc?
if none of you extension didn't modify client-rendered payload, there shouldn't be any hydration error
unless Arc browser itself inject/modify something of the client-rendered payload
Avatar
Asian black bear
It's some form of grammar check extension as seen by the name of the injected data attributes.