@trackunit/react-components 0.4.21 → 0.4.22

package/index.cjs.js

@@ -1162,8 +1162,9 @@ const useGeometry = (ref) => {
         y: 0,
     });
     const resizeObserver = React.useRef(null);
+    const refCurrent = ref.current;
     React.useEffect(() => {
-        if (!ref.current) {
+        if (!refCurrent) {
             return;
         }
         if (!resizeObserver.current) {
@@ -1183,13 +1184,13 @@ const useGeometry = (ref) => {
                 }
             });
         }
-        resizeObserver.current.observe(ref.current);
+        resizeObserver.current.observe(refCurrent);
         return () => {
             if (resizeObserver.current) {
                 resizeObserver.current.disconnect();
             }
         };
-    }, [ref]);
+    }, [refCurrent]);
     return geometry;
 };
 

package/index.esm.js

@@ -1142,8 +1142,9 @@ const useGeometry = (ref) => {
         y: 0,
     });
     const resizeObserver = useRef(null);
+    const refCurrent = ref.current;
     useEffect(() => {
-        if (!ref.current) {
+        if (!refCurrent) {
             return;
         }
         if (!resizeObserver.current) {
@@ -1163,13 +1164,13 @@ const useGeometry = (ref) => {
                 }
             });
         }
-        resizeObserver.current.observe(ref.current);
+        resizeObserver.current.observe(refCurrent);
         return () => {
             if (resizeObserver.current) {
                 resizeObserver.current.disconnect();
             }
         };
-    }, [ref]);
+    }, [refCurrent]);
     return geometry;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.4.21",
+  "version": "0.4.22",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/hooks/useGeometry.d.ts

@@ -1,8 +1,9 @@
+import { RefObject } from "react";
 /**
  * Custom hook to get the geometry of an element.
  * Size and position of the element relative to the viewport.
  */
-export declare const useGeometry: (ref: React.RefObject<HTMLElement>) => {
+export declare const useGeometry: (ref: RefObject<HTMLElement>) => {
     width: number;
     height: number;
     top: number;