troubleshoot accessing localstorage within nextjs

balancer · Aug 2, 2024 · 5b1f74a · 5b1f74a
1 parent 14646ee
commit 5b1f74a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git 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;