@rescui/use-resize-observer 0.3.4-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10 → 0.3.4

package/lib/use-resize-observer.js

@@ -1,15 +1,19 @@
 "use client";
-import { useRef, useEffect } from 'react';
+import { useRef, useEffect, useLayoutEffect } from 'react';
+const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
 
 const useResizeObserver = function (target, callback) {
   let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
     ignoreFirstCall: false
   };
   const cb = useRef(null);
-  cb.current = callback;
   const {
     ignoreFirstCall
-  } = options;
+  } = options; // using useLayoutEffect here so the ref has only committed to the DOM callback
+
+  useIsomorphicLayoutEffect(() => {
+    cb.current = callback;
+  }, [callback]);
   useEffect(() => {
     if (!target) {
       return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/use-resize-observer",
-  "version": "0.3.4-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
+  "version": "0.3.4",
   "description": "ResizeObserver hook",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -19,14 +19,14 @@
     "@babel/runtime-corejs3": "^7.26.0"
   },
   "peerDependencies": {
-    "react": ">=17.0.0 <20"
+    "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/scripts": "0.5.2"
+    "@rescui/scripts": "^0.5.2"
   },
   "scripts": {
     "build": "rescui-scripts build"
   },
   "nx": {},
-  "gitHead": "dbbefd7b8e24da18262edf3baffa35039ae01af3"
+  "gitHead": "3711cbfc0c797014395421b008aa5331d6d47c6e"
 }