@radix-ui/react-use-callback-ref 1.1.4 → 1.1.5-rc.1791509415276

package/dist/index.d.mts

@@ -1,7 +1,9 @@
+type AnyFunction = (...args: any[]) => any;
 /**
- * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop or avoid re-executing effects when passed as a dependency
+ * A custom hook that converts a callback to a ref to avoid triggering
+ * re-renders when passed as a prop or avoid re-executing effects when passed as
+ * a dependency.
  */
-declare function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T;
+declare function useCallbackRef<T extends AnyFunction>(callback: T | undefined): T;
 
 export { useCallbackRef };

package/dist/index.d.ts

@@ -1,7 +1,9 @@
+type AnyFunction = (...args: any[]) => any;
 /**
- * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop or avoid re-executing effects when passed as a dependency
+ * A custom hook that converts a callback to a ref to avoid triggering
+ * re-renders when passed as a prop or avoid re-executing effects when passed as
+ * a dependency.
  */
-declare function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T;
+declare function useCallbackRef<T extends AnyFunction>(callback: T | undefined): T;
 
 export { useCallbackRef };

package/dist/index.js

@@ -36,12 +36,20 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/use-callback-ref.tsx
+var import_react_use_layout_effect = require("@radix-ui/react-use-layout-effect");
 var React = __toESM(require("react"));
+var useReactInsertionEffect = React[" useInsertionEffect ".trim().toString()];
 function useCallbackRef(callback) {
   const callbackRef = React.useRef(callback);
-  React.useEffect(() => {
-    callbackRef.current = callback;
-  });
+  if (typeof useReactInsertionEffect === "function") {
+    useReactInsertionEffect(() => {
+      callbackRef.current = callback;
+    });
+  } else {
+    (0, import_react_use_layout_effect.useLayoutEffect)(() => {
+      callbackRef.current = callback;
+    });
+  }
   return React.useMemo(() => ((...args) => callbackRef.current?.(...args)), []);
 }
 __name(useCallbackRef, "useCallbackRef");

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts", "../src/use-callback-ref.tsx"],
-  "sourcesContent": ["export { useCallbackRef } from './use-callback-ref';\n", "import * as React from 'react';\n\n/**\n * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop or avoid re-executing effects when passed as a dependency\n */\nfunction useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T {\n  const callbackRef = React.useRef(callback);\n\n  React.useEffect(() => {\n    callbackRef.current = callback;\n  });\n\n  // https://github.com/facebook/react/issues/19240\n  return React.useMemo(() => ((...args) => callbackRef.current?.(...args)) as T, []);\n}\n\nexport { useCallbackRef };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AAMvB,SAAS,eAAkD,UAA4B;AACrF,QAAM,cAAoB,aAAO,QAAQ;AAEzC,EAAM,gBAAU,MAAM;AACpB,gBAAY,UAAU;AAAA,EACxB,CAAC;AAGD,SAAa,cAAQ,OAAO,IAAI,SAAS,YAAY,UAAU,GAAG,IAAI,IAAS,CAAC,CAAC;AACnF;AATS;",
+  "sourcesContent": ["export { useCallbackRef } from './use-callback-ref';\n", "/* eslint-disable react-hooks/rules-of-hooks */\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport * as React from 'react';\n\ntype AnyFunction = (...args: any[]) => any;\n\n// See https://github.com/webpack/webpack/issues/14814\nconst useReactInsertionEffect = (React as any)[' useInsertionEffect '.trim().toString()];\n\n/**\n * A custom hook that converts a callback to a ref to avoid triggering\n * re-renders when passed as a prop or avoid re-executing effects when passed as\n * a dependency.\n */\nexport function useCallbackRef<T extends AnyFunction>(callback: T | undefined): T {\n  const callbackRef = React.useRef<AnyFunction | undefined>(callback);\n\n  // See https://github.com/webpack/webpack/issues/14814\n  if (typeof useReactInsertionEffect === 'function') {\n    useReactInsertionEffect(() => {\n      callbackRef.current = callback;\n    });\n  } else {\n    useLayoutEffect(() => {\n      callbackRef.current = callback;\n    });\n  }\n\n  // https://github.com/facebook/react/issues/19240\n  return React.useMemo(() => ((...args) => callbackRef.current?.(...args)) as T, []);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,qCAAgC;AAChC,YAAuB;AAKvB,IAAM,0BAA2B,MAAc,uBAAuB,KAAK,EAAE,SAAS,CAAC;AAOhF,SAAS,eAAsC,UAA4B;AAChF,QAAM,cAAoB,aAAgC,QAAQ;AAGlE,MAAI,OAAO,4BAA4B,YAAY;AACjD,4BAAwB,MAAM;AAC5B,kBAAY,UAAU;AAAA,IACxB,CAAC;AAAA,EACH,OAAO;AACL,wDAAgB,MAAM;AACpB,kBAAY,UAAU;AAAA,IACxB,CAAC;AAAA,EACH;AAGA,SAAa,cAAQ,OAAO,IAAI,SAAS,YAAY,UAAU,GAAG,IAAI,IAAS,CAAC,CAAC;AACnF;AAhBgB;",
   "names": []
 }

package/dist/index.mjs

@@ -2,12 +2,20 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
 // src/use-callback-ref.tsx
+import { useLayoutEffect } from "@radix-ui/react-use-layout-effect";
 import * as React from "react";
+var useReactInsertionEffect = React[" useInsertionEffect ".trim().toString()];
 function useCallbackRef(callback) {
   const callbackRef = React.useRef(callback);
-  React.useEffect(() => {
-    callbackRef.current = callback;
-  });
+  if (typeof useReactInsertionEffect === "function") {
+    useReactInsertionEffect(() => {
+      callbackRef.current = callback;
+    });
+  } else {
+    useLayoutEffect(() => {
+      callbackRef.current = callback;
+    });
+  }
   return React.useMemo(() => ((...args) => callbackRef.current?.(...args)), []);
 }
 __name(useCallbackRef, "useCallbackRef");

package/dist/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/use-callback-ref.tsx"],
-  "sourcesContent": ["import * as React from 'react';\n\n/**\n * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop or avoid re-executing effects when passed as a dependency\n */\nfunction useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T {\n  const callbackRef = React.useRef(callback);\n\n  React.useEffect(() => {\n    callbackRef.current = callback;\n  });\n\n  // https://github.com/facebook/react/issues/19240\n  return React.useMemo(() => ((...args) => callbackRef.current?.(...args)) as T, []);\n}\n\nexport { useCallbackRef };\n"],
-  "mappings": ";;;;AAAA,YAAY,WAAW;AAMvB,SAAS,eAAkD,UAA4B;AACrF,QAAM,cAAoB,aAAO,QAAQ;AAEzC,EAAM,gBAAU,MAAM;AACpB,gBAAY,UAAU;AAAA,EACxB,CAAC;AAGD,SAAa,cAAQ,OAAO,IAAI,SAAS,YAAY,UAAU,GAAG,IAAI,IAAS,CAAC,CAAC;AACnF;AATS;",
+  "sourcesContent": ["/* eslint-disable react-hooks/rules-of-hooks */\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport * as React from 'react';\n\ntype AnyFunction = (...args: any[]) => any;\n\n// See https://github.com/webpack/webpack/issues/14814\nconst useReactInsertionEffect = (React as any)[' useInsertionEffect '.trim().toString()];\n\n/**\n * A custom hook that converts a callback to a ref to avoid triggering\n * re-renders when passed as a prop or avoid re-executing effects when passed as\n * a dependency.\n */\nexport function useCallbackRef<T extends AnyFunction>(callback: T | undefined): T {\n  const callbackRef = React.useRef<AnyFunction | undefined>(callback);\n\n  // See https://github.com/webpack/webpack/issues/14814\n  if (typeof useReactInsertionEffect === 'function') {\n    useReactInsertionEffect(() => {\n      callbackRef.current = callback;\n    });\n  } else {\n    useLayoutEffect(() => {\n      callbackRef.current = callback;\n    });\n  }\n\n  // https://github.com/facebook/react/issues/19240\n  return React.useMemo(() => ((...args) => callbackRef.current?.(...args)) as T, []);\n}\n"],
+  "mappings": ";;;;AACA,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAKvB,IAAM,0BAA2B,MAAc,uBAAuB,KAAK,EAAE,SAAS,CAAC;AAOhF,SAAS,eAAsC,UAA4B;AAChF,QAAM,cAAoB,aAAgC,QAAQ;AAGlE,MAAI,OAAO,4BAA4B,YAAY;AACjD,4BAAwB,MAAM;AAC5B,kBAAY,UAAU;AAAA,IACxB,CAAC;AAAA,EACH,OAAO;AACL,oBAAgB,MAAM;AACpB,kBAAY,UAAU;AAAA,IACxB,CAAC;AAAA,EACH;AAGA,SAAa,cAAQ,OAAO,IAAI,SAAS,YAAY,UAAU,GAAG,IAAI,IAAS,CAAC,CAAC;AACnF;AAhBgB;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-use-callback-ref",
-  "version": "1.1.4",
+  "version": "1.1.5-rc.1791509415276",
   "license": "MIT",
   "source": "./src/index.ts",
   "main": "./dist/index.js",
@@ -10,11 +10,14 @@
     "README.md"
   ],
   "sideEffects": false,
+  "dependencies": {
+    "@radix-ui/react-use-layout-effect": "1.1.4"
+  },
   "devDependencies": {
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "typescript": "^5.9.3",
     "@repo/builder": "0.0.0",
     "@repo/typescript-config": "0.0.0"