File size: 1,296 Bytes
95b5a04 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | import { useState, useEffect, useCallback } from 'react';
// ==============================|| HOOKS - LOCAL STORAGE ||============================== //
export function useLocalStorage(key, defaultValue) {
// Load initial state from localStorage or fallback to default
const readValue = () => {
if (typeof window === 'undefined') return defaultValue;
try {
const item = localStorage.getItem(key);
return item ? JSON.parse(item) : defaultValue;
} catch (err) {
console.warn(`Error reading localStorage key “${key}”:`, err);
return defaultValue;
}
};
const [state, setState] = useState(readValue);
// Sync to localStorage whenever state changes
useEffect(() => {
try {
localStorage.setItem(key, JSON.stringify(state));
} catch (err) {
console.warn(`Error setting localStorage key “${key}”:`, err);
}
}, [key, state]);
// Update single field
const setField = useCallback((key, value) => {
setState((prev) => ({
...prev,
[key]: value
}));
}, []);
// Reset to defaults
const resetState = useCallback(() => {
setState(defaultValue);
localStorage.setItem(key, JSON.stringify(defaultValue));
}, [defaultValue, key]);
return { state, setState, setField, resetState };
}
|