diff --git a/src/hooks/useLocalStorage.jsx b/src/hooks/useLocalStorage.jsx index 9d98af4..2a42df9 100644 --- a/src/hooks/useLocalStorage.jsx +++ b/src/hooks/useLocalStorage.jsx @@ -1,7 +1,17 @@ import { useState } from 'react'; +/** + * Custom hook to persist state in localStorage. + * + * @param {string} key The key to use for localStorage. + * @param {any} initialValue The initial value to use if nothing is in localStorage. + * @returns {[any, Function]} A tuple containing the stored value and a setter function. + */ function useLocalStorage(key, initialValue) { const [storedValue, setStoredValue] = useState(() => { + if (typeof window === 'undefined') { + return initialValue; + } try { const item = window.localStorage.getItem(key); return item ? JSON.parse(item) : initialValue; @@ -12,11 +22,14 @@ function useLocalStorage(key, initialValue) { }); const setValue = (value) => { + if (typeof window === 'undefined') { + return; + } try { const valueToStore = value instanceof Function ? value(storedValue) : value; - setStoredValue(valueToStore); window.localStorage.setItem(key, JSON.stringify(valueToStore)); + setStoredValue(valueToStore); } catch (error) { console.log(error); }