useLocalStorage not updating if many components watch the same key

[merelinguist]

Description

Hey! Thanks for the awesome project. I’m having a problem where multiple calls to useLocalStorage('my-key') from different components are not staying in sync as the value changes.

Reproduction

I’ve reproduced it in this sandbox:

https://codesandbox.io/s/distracted-bash-x9k10?file=/pages/index.js

Expected behavior

If my localStorage value changes, all my components watching that value pick up the change.

Actual behavior

The hook seems to be initializing from localStorage into individual instances of useState and then never reading from localStorage again.

[kripod]

Thank you for reporting!

I omitted storage watching intentionally for performance reasons. However, this seems to be a great use-case, so it should be implemented.

I’ll give it a shot during the weekend. Please keep me reminded if I would forget about it 😅

[merelinguist]

@kripod Thank you so much!

[kripod]

Unfortunately, I cannot allocate time for this task. There are some hard stuff I have to cope with, and I decided to work on other OSS projects of mine, as I find them more interesting.

[guifeliper]

is it something already solved? I can reproduce the same issue, can you indicate how you intentionally omitted the storage watching?