Function useLocalStorage

console/src/hooks/useLocalStorage.ts:14–38

(
  key: string,
  defaultValue: T,
)

import storageAvailable from "~/utils/storageAvailable";

function useLocalStorage<T>(
  key: string,
  defaultValue: T,
): [T, Dispatch<SetStateAction<T>>] {
  const [value, setValue] = useState(() => {
    let currentValue = defaultValue;

    if (storageAvailable("localStorage")) {
      const localStorageValue = localStorage.getItem(key);
      if (localStorageValue !== null) {
        currentValue = JSON.parse(localStorageValue) as T;
      }
    }

    return currentValue;
  });

  useEffect(() => {
    if (storageAvailable("localStorage")) {
      localStorage.setItem(key, JSON.stringify(value));
    }
  }, [value, key]);

  return [value, setValue];
}

export default useLocalStorage;