👁️
suppress hydration warning for dark/light prop
+3
-2
+3
-1
src/routes/__root.tsx
+3
-1
src/routes/__root.tsx
···
57
57
58
58
function RootDocument({ children }: { children: React.ReactNode }) {
59
59
return (
60
-
<html lang="en">
60
+
// suppressHydrationWarning: blocking script adds theme class before hydration,
61
+
// so className will differ between server (no class) and client (has dark/light)
62
+
<html lang="en" suppressHydrationWarning>
61
63
<head>
62
64
<HeadContent />
63
65
{/* Blocking script to set theme class before React hydrates - prevents flash */}