Next.js Discord

Discord Forum

Hydration Error from Quickstart

Unanswered
sarif posted this in #help-forum
Open in Discord
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.

6 Replies

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 🙂
Issue turned out to be that I was using Arc, wasn't because of extensions
@sarif Issue turned out to be that I was using Arc, wasn't because of extensions
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
Asian black bear
It's some form of grammar check extension as seen by the name of the injected data attributes.