diff --git a/app/[locale]/components/header/DarkModeToggle.tsx b/app/[locale]/components/header/DarkModeToggle.tsx index 9d6bf35..820065e 100644 --- a/app/[locale]/components/header/DarkModeToggle.tsx +++ b/app/[locale]/components/header/DarkModeToggle.tsx @@ -12,6 +12,15 @@ export interface DarkModeToggleProps { const DarkModeToggle = ({ srText }: DarkModeToggleProps) => { const { theme, setTheme } = useTheme(); + const [mounted, setMounted] = React.useState(false); + + React.useEffect(() => { + setMounted(true); + }, []); + + if (!mounted) { + return null; + } const toggleTheme = () => { if (theme === "light") { diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx index 75deca5..0fdc8b5 100644 --- a/app/[locale]/layout.tsx +++ b/app/[locale]/layout.tsx @@ -56,7 +56,10 @@ export default async function RootLayout({ if (!availableLanguages.includes(locale as any)) notFound(); return ( - +