diff --git a/packages/nextjs/hooks/common/useLocalStorage.ts b/packages/nextjs/hooks/common/useLocalStorage.ts
index c93d5394..64c5b0ac 100644
--- a/packages/nextjs/hooks/common/useLocalStorage.ts
+++ b/packages/nextjs/hooks/common/useLocalStorage.ts
@@ -1,13 +1,15 @@
+"use client";
+
 import { useEffect, useState } from "react";
 
 export const useLocalStorage = <T>(key: string, defaultValue: T) => {
   const [state, setState] = useState<T>(() => {
-    const savedValue = localStorage.getItem(key);
+    const savedValue = window.localStorage.getItem(key);
     return savedValue ? JSON.parse(savedValue) : defaultValue;
   });
 
   useEffect(() => {
-    localStorage.setItem(key, JSON.stringify(state));
+    window.localStorage.setItem(key, JSON.stringify(state));
   }, [key, state]);
 
   return [state, setState] as const;