From 92a97defe3c9986f6ed1d5d8a151fff0d7fb352a Mon Sep 17 00:00:00 2001
From: hjdave <hjdave@hejd-lab.cn>
Date: Sat, 4 Apr 2026 17:04:57 +0800
Subject: [PATCH] Fix theme toggle by removing unnecessary mounted check

---
 src/app/page.tsx                 | 9 +--------
 src/components/ThemeProvider.tsx | 4 ++--
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5f971da..ed45809 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -508,11 +508,4 @@ function HomeInner() {
   );
 }
 
-function Home() {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => setMounted(true), []);
-  if (!mounted) return <div className="min-h-screen bg-zinc-50 dark:bg-zinc-900"></div>;
-  return <HomeInner />;
-}
-
-export default Home;
+export default HomeInner;
diff --git a/src/components/ThemeProvider.tsx b/src/components/ThemeProvider.tsx
index f1ff39f..3e76c30 100644
--- a/src/components/ThemeProvider.tsx
+++ b/src/components/ThemeProvider.tsx
@@ -16,7 +16,6 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) {
   const [mounted, setMounted] = useState(false);
 
   useEffect(() => {
-    setMounted(true);
     const savedTheme = localStorage.getItem("theme") as Theme | null;
     if (savedTheme) {
       setTheme(savedTheme);
@@ -27,6 +26,7 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) {
       setTheme("dark");
       document.documentElement.classList.add("dark");
     }
+    setMounted(true);
   }, []);
 
   const toggleTheme = () => {
@@ -44,7 +44,7 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) {
 
   return (
     <ThemeContext.Provider value={{ theme, toggleTheme }}>
-      {mounted ? children : <div>{children}</div>}
+      {children}
     </ThemeContext.Provider>
   );
 }