import { useState } from "react";

const useLocalStorage = (key, initialValue) => {
  const storedVal = localStorage[key]
    ? JSON.parse(localStorage[key]) || initialValue
    : initialValue;
  const [value, setValue] = useState(storedVal);

  function update(newValue) {
    localStorage[key] = JSON.stringify(newValue);
    setValue(newValue);
  }

  return [value, update];
};

export default useLocalStorage;