diff --git a/src/components/shared/theme-provider.tsx b/src/components/shared/theme-provider.tsx
index e4a000a..81b2329 100644
--- a/src/components/shared/theme-provider.tsx
+++ b/src/components/shared/theme-provider.tsx
@@ -2,11 +2,19 @@
 
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 import { type ThemeProviderProps } from "next-themes";
+import { useEffect, useState } from "react";
+
+export default function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) {
+    return <>{children}</>;
+  }
 
-export default function ThemeProvider({
-  children,
-  ...props
-}: ThemeProviderProps) {
   return (
     <NextThemesProvider
       attribute="class"