useLocalStorage() doesn't re-load from localStorage when key changes

[mfulton26]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.15.1

What package has an issue?

@mantine/hooks

What framework do you use?

Vite

In which browsers you can reproduce the issue?

Chrome

Describe the bug

useLocalStorage() doesn't re-load from localStorage when key changes

as a workaround, a key prop can be used

oddly enough, if two usages of useLocalStorage() are used with the same key and the key prop workaround is used on the second one then the old value will flicker but will change while if it is used on the first one (like in the demo and screenshot) then the non-workaround value will not update even though it should

If possible, include a link to a codesandbox with a minimal reproduction

https://codesandbox.io/p/sandbox/mantine-react-template-forked-clnqdp

Possible fix

there may be some missing hook dependency that should use the incoming key value to the hook

Self-service

• I would be willing to implement a fix for this issue

[rtivital]

Fixed in 7.15.2