supressHydrationwarnings for client components

react18-tools · Jun 13, 2024 · e18d175 · e18d175
1 parent 7f6e7b3
commit e18d175
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/shared/src/client/header/theme-switch.tsx b/packages/shared/src/client/header/theme-switch.tsx
@@ -19,7 +19,9 @@ export default function ThemeSwitch() {
   return (
     <button className={styles.themeswitch} onClick={toggle}>
       <Switch tag="div" />
-      <span className="mb">{mode}</span>
+      <span className="mb" suppressHydrationWarning>
+        {mode}
+      </span>
     </button>
   );
 }