Hi @SalSensei — thanks for the report, and apologies, my earlier reply jumped the gun before actually reading the screenshot. The error in the screenshot has all the info we need:

React hydration mismatch at apps/web/app/layout.tsx:24 (<body>)
Mismatched attributes: youmind-sidebar-open and youmind-extension-version="0.3.0-alpha27"

This is caused by the YouMind browser extension injecting attributes onto <body> after the server-rendered HTML reaches the client but before React hydrates. Next.js flags any post-SSR DOM mutation as a hydration mismatch — the extension is the trigger, not Open Design itself, but we should still silence the warning since browser extensions are out of our control.

Two ways to make the error go away:

App-side fix (preferred — covers all such extensions): add suppressHydrationWarning on <body> in apps/web/app/layout.tsx. <html> already has it; <body> was missed. PR up at fix(web): suppress hydration warning on <body> #248.
Your-side workaround (immediate): disable YouMind on this domain or temporarily turn it off — the app itself is functioning correctly; the error is a dev-mode console warning from React.

Once #248 lands you won't see this anymore even with YouMind enabled. Reopening if it persists after that.

Reference: Next.js — react-hydration-error / suppressHydrationWarning

My Open Design keeps reporting an error that I don't know how to resolve. It's related to YouMind #243

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions