fix: resolve React hydration error #418 and improve lightbox robustness by using string attributes and visible-by-default images

2026-03-07 09:50:05 +01:00
parent 21f9fda53a
commit c8116242f0
2 changed files with 4 additions and 4 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -60,10 +60,10 @@ export default function RootLayout({ children }: { children: React.ReactNode })
      suppressHydrationWarning
      style={themeVars as React.CSSProperties}
      data-preset={theme.preset}
-      data-grain={theme.grain}
-      data-header-dot={theme.headerDot}
+      data-grain={String(theme.grain)}
+      data-header-dot={String(theme.headerDot)}
      data-photo-frame={theme.photoFrame}
-      data-transitions={config.transitions}
+      data-transitions={String(config.transitions)}
    >
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />