@pushwoosh/kit-helpers 4.12.5 → 4.12.6

package/hooks/usePersistentFunction.d.ts

@@ -44,4 +44,4 @@
  *   return <div>...</div>;
  * };
  */
-export default function usePersistentFunction<Args extends any[], Return>(callback: (...args: Args) => Return): (...args: Args) => Return;
+export default function usePersistentFunction<Args extends unknown[], Return>(callback: (...args: Args) => Return): (...args: Args) => Return;

package/hooks/usePersistentFunction.js

@@ -1,4 +1,4 @@
-import { useCallback, useRef } from 'react';
+import { useInsertionEffect, useRef } from 'react';
 /**
  * Creates a stable function reference that always calls the latest version of a callback.
  *
@@ -46,10 +46,17 @@ import { useCallback, useRef } from 'react';
  * };
  */
 export default function usePersistentFunction(callback) {
-  // Store the latest callback in a ref
-  const callbackRef = useRef(callback);
-  // Update the ref to the latest callback on each render
-  callbackRef.current = callback;
-  // Create a stable function reference that calls the latest callback
-  return useCallback((...args) => callbackRef.current(...args), []);
+  const holderRef = useRef(null);
+  if (holderRef.current === null) {
+    const created = {
+      latest: callback,
+      fn: (...args) => created.latest(...args)
+    };
+    holderRef.current = created;
+  }
+  const holder = holderRef.current;
+  useInsertionEffect(() => {
+    holder.latest = callback;
+  });
+  return holder.fn;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-helpers",
-  "version": "4.12.5",
+  "version": "4.12.6",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -14,7 +14,7 @@
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
-    "@pushwoosh/kit-constants": "^1.12.3",
+    "@pushwoosh/kit-constants": "^2.1.0",
     "@types/react": "^18.3.31",
     "@types/react-dom": "^18.3.7",
     "@types/react-transition-group": "^4.4.10",