fix(): Only access window client side.

CQCL · Dec 20, 2023 · 65c1609 · 65c1609
1 parent b2c9be5
commit 65c1609
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/molecules/theme-selector.tsx b/src/molecules/theme-selector.tsx
@@ -1,10 +1,11 @@
+'use client'
 import { ComputerIcon, MoonIcon, SunIcon } from "lucide-react";
 import React from "react";
 import { theme as _theme } from "src/utils";
 import { ToggleGroup, ToggleGroupItem } from "../atoms/toggle-group";
 
 export const useTheme = () => {
-  const [theme, _setTheme] = React.useState(_theme.get());
+  const [theme, _setTheme] = React.useState<ReturnType<typeof _theme['get']>>({mode: 'system', isDark: false});
   React.useEffect(() => {
     _theme.subscribe(() => {
       _setTheme(_theme.get());