fix: beets hydration error (#458)

* fix: hydration error in beets ThemeProvider * fix: format
balancer · Jan 17, 2025 · 4256d5f · 4256d5f
1 parent fd40658
commit 4256d5f
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/apps/beets-frontend-v3/lib/services/chakra/ThemeProvider.tsx b/apps/beets-frontend-v3/lib/services/chakra/ThemeProvider.tsx
@@ -3,8 +3,14 @@
 import { ChakraProvider } from '@chakra-ui/react'
 import { ReactNode } from 'react'
 import { theme } from './themes/beets/beets.theme'
+import { useIsMounted } from '@repo/lib/shared/hooks/useIsMounted'
 
 export function ThemeProvider({ children }: { children: ReactNode }) {
+  const isMounted = useIsMounted()
+
+  // Avoid hydration error in turbopack mode
+  if (!isMounted) return null
+
   return (
     <ChakraProvider
       cssVarsRoot="body"