@trackunit/react-core-hooks 1.6.51 → 1.6.53

package/index.cjs.js

@@ -404,11 +404,11 @@ const usePrevious = (value) => {
     react.useEffect(() => {
         ref.current = value;
     }, [value]);
-    const wrapper = {
+    const wrapper = react.useMemo(() => ({
         get previous() {
             return ref.current;
         },
-    };
+    }), []);
     return wrapper.previous;
 };
 
@@ -513,25 +513,34 @@ const useLocalStorage = ({ key, defaultState, schema, onValidationFailed, onVali
     if (!key) {
         throw new Error("useLocalStorage key must be defined");
     }
-    const [state, setState] = react.useState(initLocalStorageState({ key, defaultState, schema }));
+    const defaultStateRef = react.useRef(defaultState);
+    react.useEffect(() => {
+        defaultStateRef.current = defaultState;
+    }, [defaultState]);
+    const schemaRef = react.useRef(schema);
+    react.useEffect(() => {
+        schemaRef.current = schema;
+    }, [schema]);
+    const [state, setState] = react.useState(initLocalStorageState({ key, defaultState: defaultStateRef.current, schema: schemaRef.current }));
     const prevKey = usePrevious(key);
     react.useEffect(() => {
         if (key !== prevKey) {
-            setState(initLocalStorageState({ key, defaultState, schema }));
+            setState(initLocalStorageState({ key, defaultState: defaultStateRef.current, schema: schemaRef.current }));
         }
-    }, [key, prevKey, defaultState, schema]);
-    useLocalStorageEffect({
+    }, [key, prevKey, schema]);
+    const localStorageProps = react.useMemo(() => ({
         key,
         state,
-        defaultState,
-        schema,
+        defaultState: defaultStateRef.current,
+        schema: schemaRef.current,
         onValidationFailed,
         onValidationSuccessful,
-    });
-    const reset = () => {
-        setState(defaultState);
-    };
-    return [state, setState, reset];
+    }), [key, state, onValidationFailed, onValidationSuccessful]);
+    useLocalStorageEffect(localStorageProps);
+    const reset = react.useCallback(() => {
+        setState(defaultStateRef.current);
+    }, []);
+    return react.useMemo(() => [state, setState, reset], [state, setState, reset]);
 };
 
 /**

package/index.esm.js

@@ -402,11 +402,11 @@ const usePrevious = (value) => {
     useEffect(() => {
         ref.current = value;
     }, [value]);
-    const wrapper = {
+    const wrapper = useMemo(() => ({
         get previous() {
             return ref.current;
         },
-    };
+    }), []);
     return wrapper.previous;
 };
 
@@ -511,25 +511,34 @@ const useLocalStorage = ({ key, defaultState, schema, onValidationFailed, onVali
     if (!key) {
         throw new Error("useLocalStorage key must be defined");
     }
-    const [state, setState] = useState(initLocalStorageState({ key, defaultState, schema }));
+    const defaultStateRef = useRef(defaultState);
+    useEffect(() => {
+        defaultStateRef.current = defaultState;
+    }, [defaultState]);
+    const schemaRef = useRef(schema);
+    useEffect(() => {
+        schemaRef.current = schema;
+    }, [schema]);
+    const [state, setState] = useState(initLocalStorageState({ key, defaultState: defaultStateRef.current, schema: schemaRef.current }));
     const prevKey = usePrevious(key);
     useEffect(() => {
         if (key !== prevKey) {
-            setState(initLocalStorageState({ key, defaultState, schema }));
+            setState(initLocalStorageState({ key, defaultState: defaultStateRef.current, schema: schemaRef.current }));
         }
-    }, [key, prevKey, defaultState, schema]);
-    useLocalStorageEffect({
+    }, [key, prevKey, schema]);
+    const localStorageProps = useMemo(() => ({
         key,
         state,
-        defaultState,
-        schema,
+        defaultState: defaultStateRef.current,
+        schema: schemaRef.current,
         onValidationFailed,
         onValidationSuccessful,
-    });
-    const reset = () => {
-        setState(defaultState);
-    };
-    return [state, setState, reset];
+    }), [key, state, onValidationFailed, onValidationSuccessful]);
+    useLocalStorageEffect(localStorageProps);
+    const reset = useCallback(() => {
+        setState(defaultStateRef.current);
+    }, []);
+    return useMemo(() => [state, setState, reset], [state, setState, reset]);
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-hooks",
-  "version": "1.6.51",
+  "version": "1.6.53",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -10,11 +10,11 @@
     "react": "19.0.0",
     "jest-fetch-mock": "^3.0.3",
     "zod": "^3.23.8",
-    "@trackunit/react-core-contexts-api": "1.7.49",
-    "@trackunit/iris-app-runtime-core": "1.7.50",
-    "@trackunit/shared-utils": "1.8.48",
+    "@trackunit/react-core-contexts-api": "1.7.51",
+    "@trackunit/iris-app-runtime-core": "1.7.52",
+    "@trackunit/shared-utils": "1.8.50",
     "@tanstack/react-router": "1.114.29",
-    "@trackunit/react-test-setup": "1.3.48"
+    "@trackunit/react-test-setup": "1.3.50"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",