Unhandled Runtime Error

[allentown521]

Unhandled Runtime Error

Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used

• A server/client branch if (typeof window !== 'undefined').

• Variable input such as Date.now() or Math.random() which changes each time it's called.

• Date formatting in a user's locale which doesn't match the server.

• External changing data without sending a snapshot of it along with the HTML.

• Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

See more info here: https://nextjs.org/docs/messages/react-hydration-error

...
...
...
...
...
...
...
...
...
...

• className="geistsans_81192321-module__keQz_a__className"

• className="geistsans_81192321-module__keQz_a__className chatplayground_body"
• monica-locale="zh_CN"
• monica-id="fhimbbbmdjiifimnepkibjfjbppnjble"
• monica-version="7.1.0"
• data-immersive-translate-walked="72ae436f-72c7-4458-a28b-a9561850f4ea"
• data-immersive-translate-walked="72ae436f-72c7-4458-a28b-a9561850f4ea"
• data-immersive-translate-walked="72ae436f-72c7-4458-a28b-a9561850f4ea"
• data-immersive-translate-walked="72ae436f-72c7-4458-a28b-a9561850f4ea"

•  default-translate="no"
  

•  side="1"
  

•  data-immersive-translate-walked="72ae436f-72c7-4458-a28b-a9561850f4ea"
  

•  data-immersive-translate-walked="72ae436f-72c7-4458-a28b-a9561850f4ea"
  

•  data-immersive-translate-walked="72ae436f-72c7-4458-a28b-a9561850f4ea"
  

•  data-immersive-translate-walked="72ae436f-72c7-4458-a28b-a9561850f4ea"
  

•  data-immersive-translate-walked="72ae436f-72c7-4458-a28b-a9561850f4ea"
  

•  data-immersive-translate-walked="72ae436f-72c7-4458-a28b-a9561850f4ea"
  

•  data-immersive-translate-paragraph="1"
  

•  {"Nextjs Starter Kit: Build & Ship Fast"}
  

•  {"Nextjs Starter Kit: Build & Ship FastNextjs"}
  

Call Stack
throwOnHydrationMismatch
file:///workspaces/nextjs-starter-kit/.next/static/chunks/node_modules_next_dist_compiled_react-dom_1f56dc..js (2657:56)
prepareToHydrateHostInstance
file:///workspaces/nextjs-starter-kit/.next/static/chunks/node_modules_next_dist_compiled_react-dom_1f56dc..js (2712:23)
completeWork
file:///workspaces/nextjs-starter-kit/.next/static/chunks/node_modules_next_dist_compiled_react-dom_1f56dc..js (7258:60)
runWithFiberInDEV
file:///workspaces/nextjs-starter-kit/.next/static/chunks/node_modules_next_dist_compiled_react-dom_1f56dc..js (631:20)
completeUnitOfWork
file:///workspaces/nextjs-starter-kit/.next/static/chunks/node_modules_next_dist_compiled_react-dom_1f56dc..js (7996:23)
performUnitOfWork
file:///workspaces/nextjs-starter-kit/.next/static/chunks/node_modules_next_dist_compiled_react-dom_1f56dc..js (7938:28)
workLoopConcurrent
file:///workspaces/nextjs-starter-kit/.next/static/chunks/node_modules_next_dist_compiled_react-dom_1f56dc..js (7932:58)
renderRootConcurrent
file:///workspaces/nextjs-starter-kit/.next/static/chunks/node_modules_next_dist_compiled_react-dom_1f56dc..js (7914:71)
performWorkOnRoot
file:///workspaces/nextjs-starter-kit/.next/static/chunks/node_modules_next_dist_compiled_react-dom_1f56dc..js (7553:112)
performWorkOnRootViaSchedulerTask
file:///workspaces/nextjs-starter-kit/.next/static/chunks/node_modules_next_dist_compiled_react-dom_1f56dc..js (8387:9)
MessagePort.performWorkUntilDeadline
file:///workspaces/nextjs-starter-kit/.next/static/chunks/node_modules_next_dist_compiled_107ce8._.js (2348:64)

[edwardleardi]

Also getting this error

[edwardleardi]

I figured it out by asking cursor. In my case I had this chrome extension enabled which was messing with his custom video player. When I disable the extension the error goes away. Maybe try running the website in an incognito tab with all your extensions disabled to see if that fixes it

[allentown521]

Obviously this is a point that can be improved, even with a similar extension installed it should work fine, the home page has errors but the UI is normal, the dashboard won't load!