From 4256d5ffd3dfeba46d87eed0f9cade10e2df8c0e Mon Sep 17 00:00:00 2001
From: Alberto Gualis <agualis@gmail.com>
Date: Fri, 17 Jan 2025 12:33:24 +0100
Subject: [PATCH] fix: beets hydration error (#458)

* fix: hydration error in beets ThemeProvider

* fix: format
---
 .../beets-frontend-v3/lib/services/chakra/ThemeProvider.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/apps/beets-frontend-v3/lib/services/chakra/ThemeProvider.tsx b/apps/beets-frontend-v3/lib/services/chakra/ThemeProvider.tsx
index 32565602c..1e612e98c 100644
--- 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"