mhsf-dev/apps/www/src/components/util/theme-provider.tsx

18 lines
463 B
TypeScript
Raw Normal View History

"use client";
import * as React from "react";
import { ThemeProvider as NextThemeProvider } from "next-themes";
import type { ThemeProviderProps } from "next-themes";
export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
const [mounted, setMounted] = React.useState(false);
React.useEffect(() => {
setMounted(true);
}, []);
if (!mounted) return null;
return <NextThemeProvider {...props}>{children}</NextThemeProvider>;
}