Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
import { useState, useEffect } from "react"; function useLocalStorage(key, defaultValue) { const [value, setValue] = useState(() => { try { const stored = localStorage.getItem(key); return stored !== null ? JSON.parse(stored) : defaultValue; } catch { return defaultValue; } }); useEffect(() => { localStorage.setItem(key, JSON.stringify(value)); }, [key, value]); return [value, setValue]; } // Usage const [theme, setTheme] = useLocalStorage("theme", "light");
Result
Open