Good advice, however, it's really caused by extensions in your web browsers. For instance, let's say "Grammarly" extension often inject attributes that Next.js can't predict during server-side rendering, which is weird and what tracking "Grammarly" is doing?
I remember having these hydration errors a lot. It was really frustrating. On most occasions, I find myself having to remove the code and ignore that function but now I know what to do...thanks boss
Try running your app in a browser without plugins. My Chrome browser has a plugin that is interfering with the html. My instances of Edge and Firefox are plugin free. Worked without the error. Now it is time to find out which of my Chrome plugins is causing the issue.
Personally think it only does suppress simple warnings because i was installing the dark mode toggle in shadcn ui in next js 15 it showed me hydration warning i put the supresshydrationwarning in my root layout it worked
Good advice, however, it's really caused by extensions in your web browsers. For instance, let's say "Grammarly" extension often inject attributes that Next.js can't predict during server-side rendering, which is weird and what tracking "Grammarly" is doing?
I remember having these hydration errors a lot. It was really frustrating. On most occasions, I find myself having to remove the code and ignore that function but now I know what to do...thanks boss
You're very welcome :)
This is an excellent, clearly explained guide. Thank you!
nice video , I am form India. Love the details and your teaching style...
awesome, thank you for sharing these series.
Very insightful Dee! Thanks for sharing this knowledge ❤
You are so welcome! I'm glad it was helpful
Try running your app in a browser without plugins. My Chrome browser has a plugin that is interfering with the html. My instances of Edge and Firefox are plugin free. Worked without the error. Now it is time to find out which of my Chrome plugins is causing the issue.
yes , that's right
Awesome man, the way you explain is just amazing!
I'm so glad you enjoy my way of explaining!
awesome explaination !
is the surpresshydrationwarning dead now because even if i use it at the root it still gives me hydration warning. both in app router and pages router
Personally think it only does suppress simple warnings because i was installing the dark mode toggle in shadcn ui in next js 15 it showed me hydration warning i put the supresshydrationwarning in my root layout it worked
Great content
Thank youuu
Great content 🥺
I'm glad you find it so
man this error is annoying
Reall
I like african accent
And I like stup1d react errors get explained this well