[@mantine/hooks] use-local-storage: Fix inconsistent default value pe…

…rsistence if `getInitialValueInEffect` is set (#5796)

packages/@mantine/hooks/src/use-local-storage/UseLocalStorage.story.tsx

@@ -0,0 +1,29 @@
+import React, { useEffect } from 'react';
+import { readLocalStorageValue, useLocalStorage } from './use-local-storage';
+
+export default { title: 'use-local-storage' };
+
+const key = Math.random().toString(36).substr(2, 5);
+
+export function Usage() {
+  const [id] = useLocalStorage({
+    defaultValue: 123,
+    getInitialValueInEffect: false,
+    key,
+  });
+
+  const [storedValue, setStoredValue] = React.useState(null);
+
+  useEffect(() => {
+    setTimeout(() => {
+      setStoredValue(readLocalStorageValue({ key }));
+    }, 20);
+  }, []);
+
+  return (
+    <div style={{ padding: 40 }}>
+      <p>Hook value: {id}</p>
+      <p>Local storage value: {storedValue}</p>
+    </div>
+  );
+}

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

@@ -149,9 +149,7 @@ export function createStorage<T>(type: StorageType, hookName: string) {
     }, [defaultValue, value, setStorageValue]);
 
     useEffect(() => {
-      if (getInitialValueInEffect) {
-        setStorageValue(readStorageValue());
-      }
+      setStorageValue(readStorageValue());
     }, []);
 
     return [value === undefined ? defaultValue : value, setStorageValue, removeStorageValue] as [