@trackunit/react-core-hooks 1.3.33 → 1.3.35

package/index.cjs.js

@@ -865,6 +865,21 @@ const useCurrentUser = () => {
     return context;
 };
 
+/**
+ * The usePrevious hook is a useful tool for tracking the previous value of a variable in a functional component. This can be particularly handy in scenarios where it is necessary to compare the current value with the previous one, such as triggering actions or rendering based on changes.
+ *
+ * @example
+ * const [color, setColor] = React.useState(getRandomColor());
+  const previousColor = usePrevious(color);
+ */
+const usePrevious = (value) => {
+    const ref = react.useRef(undefined);
+    react.useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+};
+
 /**
  * Validates the state object using a Zod schema.
  *
@@ -904,21 +919,6 @@ const initLocalStorageState = ({ key, defaultState, schema, }) => {
     return validateState({ state: localStorageItemJSON, defaultState, schema });
 };
 
-/**
- * The usePrevious hook is a useful tool for tracking the previous value of a variable in a functional component. This can be particularly handy in scenarios where it is necessary to compare the current value with the previous one, such as triggering actions or rendering based on changes.
- *
- * @example
- * const [color, setColor] = React.useState(getRandomColor());
-  const previousColor = usePrevious(color);
- */
-const usePrevious = (value) => {
-    const ref = react.useRef(undefined);
-    react.useEffect(() => {
-        ref.current = value;
-    }, [value]);
-    return ref.current;
-};
-
 /**
  * Sets a value in the local storage with the specified key.
  * Thin wrapper around localStorage.setItem() that is slightly more type safe
@@ -982,6 +982,12 @@ const useLocalStorage = ({ key, defaultState, schema, onValidationFailed, onVali
         throw new Error("useLocalStorage key may not be falsy");
     }
     const [state, setState] = react.useState(initLocalStorageState({ key, defaultState, schema }));
+    const prevKey = usePrevious(key);
+    react.useEffect(() => {
+        if (key !== prevKey) {
+            setState(initLocalStorageState({ key, defaultState, schema }));
+        }
+    }, [key, prevKey, defaultState, schema]);
     useLocalStorageEffect({
         key,
         state,

package/index.esm.js

@@ -863,6 +863,21 @@ const useCurrentUser = () => {
     return context;
 };
 
+/**
+ * The usePrevious hook is a useful tool for tracking the previous value of a variable in a functional component. This can be particularly handy in scenarios where it is necessary to compare the current value with the previous one, such as triggering actions or rendering based on changes.
+ *
+ * @example
+ * const [color, setColor] = React.useState(getRandomColor());
+  const previousColor = usePrevious(color);
+ */
+const usePrevious = (value) => {
+    const ref = useRef(undefined);
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+};
+
 /**
  * Validates the state object using a Zod schema.
  *
@@ -902,21 +917,6 @@ const initLocalStorageState = ({ key, defaultState, schema, }) => {
     return validateState({ state: localStorageItemJSON, defaultState, schema });
 };
 
-/**
- * The usePrevious hook is a useful tool for tracking the previous value of a variable in a functional component. This can be particularly handy in scenarios where it is necessary to compare the current value with the previous one, such as triggering actions or rendering based on changes.
- *
- * @example
- * const [color, setColor] = React.useState(getRandomColor());
-  const previousColor = usePrevious(color);
- */
-const usePrevious = (value) => {
-    const ref = useRef(undefined);
-    useEffect(() => {
-        ref.current = value;
-    }, [value]);
-    return ref.current;
-};
-
 /**
  * Sets a value in the local storage with the specified key.
  * Thin wrapper around localStorage.setItem() that is slightly more type safe
@@ -980,6 +980,12 @@ const useLocalStorage = ({ key, defaultState, schema, onValidationFailed, onVali
         throw new Error("useLocalStorage key may not be falsy");
     }
     const [state, setState] = useState(initLocalStorageState({ key, defaultState, schema }));
+    const prevKey = usePrevious(key);
+    useEffect(() => {
+        if (key !== prevKey) {
+            setState(initLocalStorageState({ key, defaultState, schema }));
+        }
+    }, [key, prevKey, defaultState, schema]);
     useLocalStorageEffect({
         key,
         state,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-hooks",
-  "version": "1.3.33",
+  "version": "1.3.35",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -10,9 +10,9 @@
     "react": "19.0.0",
     "jest-fetch-mock": "^3.0.3",
     "zod": "3.22.4",
-    "@trackunit/react-core-contexts-api": "1.4.33",
-    "@trackunit/iris-app-runtime-core": "1.4.33",
-    "@trackunit/shared-utils": "1.5.32"
+    "@trackunit/react-core-contexts-api": "1.4.35",
+    "@trackunit/iris-app-runtime-core": "1.4.35",
+    "@trackunit/shared-utils": "1.5.34"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",