[@mantine/hooks] use-local-storage: Fix value not being updated when …

…key is changed (#5910)

When key or other value is changed the value is not reloaded

packages/@mantine/hooks/src/use-local-storage/create-storage.ts

@@ -100,7 +100,7 @@ export function createStorage<T>(type: StorageType, hookName: string) {
         const storageValue = getItem(key);
         return storageValue !== null ? deserialize(storageValue) : (defaultValue as T);
       },
-      [key, defaultValue]
+      [key, deserialize, defaultValue]
     );
 
     const [value, setValue] = useState<T>(readStorageValue(getInitialValueInEffect));
@@ -122,13 +122,13 @@ export function createStorage<T>(type: StorageType, hookName: string) {
           setValue(val);
         }
       },
-      [key]
+      [key, serialize]
     );
 
     const removeStorageValue = useCallback(() => {
       removeItem(key);
       window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: defaultValue } }));
-    }, []);
+    }, [defaultValue, key]);
 
     useWindowEvent('storage', (event) => {
       if (event.storageArea === window[type] && event.key === key) {
@@ -151,7 +151,7 @@ export function createStorage<T>(type: StorageType, hookName: string) {
     useEffect(() => {
       const val = readStorageValue();
       val !== undefined && setStorageValue(val);
-    }, []);
+    }, [readStorageValue, setStorageValue]);
 
     return [value === undefined ? defaultValue : value, setStorageValue, removeStorageValue] as [
       T,