@trackunit/react-components 1.24.2 → 1.24.3

package/index.cjs.js

@@ -11513,12 +11513,15 @@ const useContainerBreakpoints = (ref, options = {}) => {
     const { skip = false } = options;
     const [containerSize, setContainerSize] = react.useState(() => defaultBreakpointState);
     react.useEffect(() => {
+        if (skip) {
+            return;
+        }
         if (process.env.NODE_ENV === "development" && !ref.current) {
             // eslint-disable-next-line no-console
             console.warn("useContainerBreakpoints: The provided ref is not attached to any element. " +
                 "Make sure to pass the ref to an element using the ref prop, like: <div ref={myRef}>", "\nComponent:", ref.current);
         }
-    }, [ref]);
+    }, [ref, skip]);
     const updateContainerSize = react.useCallback(() => {
         if (!ref.current) {
             return;

package/index.esm.js

@@ -11511,12 +11511,15 @@ const useContainerBreakpoints = (ref, options = {}) => {
     const { skip = false } = options;
     const [containerSize, setContainerSize] = useState(() => defaultBreakpointState);
     useEffect(() => {
+        if (skip) {
+            return;
+        }
         if (process.env.NODE_ENV === "development" && !ref.current) {
             // eslint-disable-next-line no-console
             console.warn("useContainerBreakpoints: The provided ref is not attached to any element. " +
                 "Make sure to pass the ref to an element using the ref prop, like: <div ref={myRef}>", "\nComponent:", ref.current);
         }
-    }, [ref]);
+    }, [ref, skip]);
     const updateContainerSize = useCallback(() => {
         if (!ref.current) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.24.2",
+  "version": "1.24.3",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "migrations": "./migrations.json",