Support sync:false for useLocalStorage hook

[soorajshankar]

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.14.1

What package has an issue?

@mantine/hooks

What framework do you use?

Vite

In which browsers you can reproduce the issue?

All

Describe the bug

it would be nice to have a way to control the sync behavior, right now the sync is enabled across tabs by default.

It would be nice if it can be controlled in this way

  const [val, setVal] = useLocalStorage<string>({
    defaultValue: '',
    sync: false,
    key
  });

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

No response

Possible fix

add another hook prop sync that defaults to true, and make sure it dispatch storage event only if the sync is true.

Self-service

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

[rtivital]

This feature will be available in 7.16 minor release on January 14.