useLocalStorageState

useLocalStorageState.js

/* https://stackblitz.com/edit/use-local-storage-state */

function useLocalStorageState(key, defaultValue) {
  const [state, setState] = useState(() => {
    let value
    try {
      value = JSON.parse(
        window.localStorage.getItem('my-app-count') || JSON.stringify(defaultValue)
      )
    } catch (e) {
      value = defaultValue;
    }
    return value;
  })

  useEffect(() => {
    window.localStorage.setItem(key, state);
  }, [state])

  return [state, setState];
}

For anyone who comes across this for usage, you need to adapt line 8

        window.localStorage.getItem(key) || JSON.stringify(defaultValue)