Hydration failed because the server rendered HTML didn't match .... IN THE SAMPLE REPO

[tuiladev]

Summary

I just clone the sample repo to learn about Next.js through this course: https://nextjs.org/learn/dashboard-app/optimizing-fonts-images
But when I follow this code, do something with a few restarts using: `pnpm run dev' sometimes I see this error.
The error will GONE! sometimes and then show up again later, what happens to the sample project?
The way to fix this "weird" error is in the sample code that next js itself guides

Additional information

No response

Example

No response

[icyJoseph]

Hi,

This is likely caused by a browser extension (Video Speed Controller?)

Try it in incognito mode. Or pass a supressHydrationWarning to the body tag (likely a good solution anyway) -

[tuiladev]

OMG that's crazy how did you know exactly, I forgot and never thought Video Speed ​​Controller would cause this error, but anyway incognito mode fixed it and suppressHydrationWarning solution saved me from thinking about this error again. Thanks a lot