From 65c160995e3d1dc7ed096d3d8327f377d00952d5 Mon Sep 17 00:00:00 2001
From: aidanCQ <aidan.keay@quantinuum.com>
Date: Wed, 20 Dec 2023 15:23:05 +0000
Subject: [PATCH] fix(): Only access window client side.

---
 src/molecules/theme-selector.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/molecules/theme-selector.tsx b/src/molecules/theme-selector.tsx
index 9708895..8914a0a 100644
--- 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());