HARUN PEHLİVAN

// A custom React hook for managing local storage import { useState, useEffect } from 'react'; function useLocalStorage(key, initialValue) { // Get stored value from localStorage or use initialValue const [storedValue, setStoredValue] = useState(() => { try { const item = window.localStorage.getItem(key); return item ? JSON.parse(item) : initialValue; } catch (error) { console.log(error); return initialValue; } }); // Update localStorage when storedValue changes const setValue = (value) => { try { const valueToStore = value instanceof Function ? value(storedValue) : value; setStoredValue(valueToStore); window.localStorage.setItem(key, JSON.stringify(valueToStore)); } catch (error) { console.log(error); } }; // Listen for changes to this localStorage key in other tabs/windows useEffect(() => { const handleStorageChange = (e) => { if (e.key === key) { setStoredValue(JSON.parse(e.newValue)); } }; window.addEventListener('storage', handleStorageChange); return () => window.removeEventListener('storage', handleStorageChange); }, [key]); return [storedValue, setValue]; } export default useLocalStorage;