useStorage

() => {
  if (typeof window == 'undefined') {
    return null
  }
  const [state, setState] = useStorage(localStorage, 'store-key', 'value1')
  return (
    <div>
      <div>value: {state}</div>
      <button onClick={() => setState('value2')}>set value2</button>
      <button onClick={() => setState('value3')}>set value3</button>
      <button onClick={() => setState()}>clear</button>
    </div>
  )
}