reactuals/dist/hooks/useLocalStorage.js

A useful package providing a collection of 50+ React hooks and utilities to simplify React development.

import { useState } from "react";
/**
 * Syncs a value with localStorage.
 * @param key - Storage key
 * @param initialValue - Default value
 */
export function useLocalStorage(key, initialValue) {
    const [storedValue, setStoredValue] = useState(() => {
        try {
            const item = localStorage.getItem(key);
            return item !== null ? JSON.parse(item) : initialValue;
        }
        catch {
            return initialValue;
        }
    });
    const setValue = (value) => {
        try {
            setStoredValue(value);
            localStorage.setItem(key, JSON.stringify(value));
        }
        catch {
            // ignore
        }
    };
    return [storedValue, setValue];
}