useLocalStorage hook

useLocalStorage.js

const useLocalStorage = (key, initial) => {
  let local;
  try {
    local = JSON.parse(localStorage.getItem(key));
  } catch (err) {
    //
  }
  if (!local) {
    localStorage.setItem(key, JSON.stringify(initial));
    local = initial;
  }
  const [state, _setState] = useState(local);
  const setState = updater => {
    _setState(old => {
      let res;
      if (typeof updater === "function") {
        res = updater(old);
      } else {
        res = updater;
      }
      localStorage.setItem(key, JSON.stringify(res));
      return res;
    });
  };
  return [state, setState];
};

const [infinite, setInfinite] = useLocalStorage("infiniteScrolling", false);

<Button onClick={() => setInfinite(old => !old)}>
  Toggle {infinite ? "Pagination" : "Infinite Scrolling"}
</Button>