From c79898ba36aef1f676dee33fa6a3e016f3144fac Mon Sep 17 00:00:00 2001
From: Alvaro Perez Pintado <122454645+AlvaroNW@users.noreply.github.com>
Date: Thu, 15 Jun 2023 19:07:18 +0200
Subject: [PATCH] theme toggle

---
 components/ThemeSwitcher.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/components/ThemeSwitcher.tsx b/components/ThemeSwitcher.tsx
index c78bd72..6314afa 100644
--- a/components/ThemeSwitcher.tsx
+++ b/components/ThemeSwitcher.tsx
@@ -2,12 +2,22 @@
 
 import { MdBrightness2, MdCircle } from "react-icons/md";
 import useDarkMode from "@/hooks/useDarkMode";
+import { useEffect, useState} from 'react'
 
 // TODO write tests for light/mode
 // TODO fix TS error on setTheme
 const ThemeSwitcher = () => {
+  const [mounted, setMounted] = useState(false);
   const [colorTheme, setTheme] = useDarkMode();
 
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if(!mounted) {
+    return null;
+  }
+
   return (
     <div>
       {colorTheme === "light" ? (