notesnook/apps/web/src/utils/hooks.js

import { useState } from "react";

export const usePersistentState = (key, def) => {
  let value = window.localStorage.getItem(key) || def;
  const defState = tryParse(value);
  const [k, setKey] = useState(defState);
  const _setKey = s => {
    setKey(s);
    window.localStorage.setItem(key, s);
  };
  return [k, _setKey];
};

function tryParse(val) {
  try {
    return JSON.parse(val);
  } catch (e) {
    return val;
  }
}