27 lines
630 B
TypeScript
27 lines
630 B
TypeScript
|
import { useEffect, useState } from "react";
|
||
|
|
|
||
|
|
const useLocalStorage = <T>(
|
||
|
|
key: string,
|
||
|
|
initialValue: T
|
||
|
|
): [T, (value: T) => void] => {
|
||
|
|
const [storedValue, setStoredValue] = useState(initialValue);
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
// Retrieve from localStorage
|
||
|
|
const item = window.localStorage.getItem(key);
|
||
|
|
if (item) {
|
||
|
|
setStoredValue(JSON.parse(item));
|
||
|
|
}
|
||
|
|
}, [key]);
|
||
|
|
|
||
|
|
const setValue = (value: T) => {
|
||
|
|
// Save state
|
||
|
|
setStoredValue(value);
|
||
|
|
// Save to localStorage
|
||
|
|
window.localStorage.setItem(key, JSON.stringify(value));
|
||
|
|
};
|
||
|
|
return [storedValue, setValue];
|
||
|
|
};
|
||
|
|
|
||
|
|
export default useLocalStorage;
|