useLocalStorageState.js

import { useState } from "react";

const useLocalStorageState = (storageKey, defaultValue) => {
  const [value, setValue] = useState(
    JSON.parse(localStorage.getItem(storageKey) || "null") || defaultValue
  );

  const wrappedSetValue = (newValue) => {
    localStorage.setItem(storageKey, JSON.stringify(newValue));
    setValue(newValue);
  };

  return [value, wrappedSetValue];
};

export default useLocalStorageState;