Add a way to clear localStorage in useLocalStorage

[franky47]

I use useLocalStorage a lot, and it could use a cleanup story in some cases.

Maybe as a third tuple member, have a function to call to clear the item, that respects the side-effects lifetime, as I found that simply calling localStorage.removeItem(key) can create a race condition with the hook recreating the value from memory.

Example:

const Foo = () => {
  const [value, setValue, clearValue] = useLocalStorage('key')
  return (
    <>
      <input type="text" value={value} onChange={e => setValue(e.target.value)} />
      <button onClick={clearValue}>Clear</button>
    </>
  )
}

[franky47]

Here is a demo of the issue I'm having with clearing the local storage: it comes back after a page refresh.
https://codesandbox.io/s/j3xr9k25lv

[ayush987goyal]

@streamich Hi, considering the api for useLocalStorage was changed recently in v13.x, the change in the above PR has to be done there too. @suyingtao Can you please create a PR with your changes on the latest release? :)

[franky47]

Shipped in v15.0.0, thanks @suyingtao 🎉

[Nigui]

I did the trick for session storage too. See #2314