@terra-dev/use-interval

Simple localStorage wrapper hook.

import { useLocalStorage } from '@terra-dev/use-local-storage';

function Component() {
  const [value, setValue] = useLocalStorage(
    '__storage_value__',
    () => 'default value',
  );

  return (
    <div>
      <p>{value}</p>
      <button onClick={() => setValue('new value')}>Update Value</button>
    </div>
  );
}

And

import { useLocalStorageJson } from '@terra-dev/use-local-storage';

function Component() {
  const [value, setValue] = useLocalStorageJson('__storage_value__', () => ({
    value: 'default value',
  }));

  return (
    <div>
      <pre>{JSON.stringify(value, null, 2)}</pre>
      <button onClick={() => setValue({ value: 'new value' })}>
        Update Value
      </button>
    </div>
  );
}