@diana-ui/hooks - npm Package Compare versions

Comparing version 0.1.15 to 0.1.16

lib/useResizeObserver.js

@@ -12,5 +12,14 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
 export function useResizeObserver(callback, dependencies) {
-    return useMemo(function () { return new ResizeObserver(callback); }, __spreadArrays([
+    return useMemo(function () {
+        return new ResizeObserver(function (entries) {
+            // avoid ResizeObserver loop limit exceeded error
+            window.requestAnimationFrame(function () {
+                if (Array.isArray(entries) && entries.length) {
+                    callback(entries);
+                }
+            });
+        });
+    }, __spreadArrays([
         callback
     ], dependencies));
 }

module/useResizeObserver.js

@@ -5,3 +5,10 @@ import { useMemo } from "react";
 export function useResizeObserver(callback, dependencies) {
-    return useMemo(() => new ResizeObserver(callback), [
+    return useMemo(() => new ResizeObserver((entries) => {
+        // avoid ResizeObserver loop limit exceeded error
+        window.requestAnimationFrame(() => {
+            if (Array.isArray(entries) && entries.length) {
+                callback(entries);
+            }
+        });
+    }), [
         callback,
@@ -8,0 +15,0 @@ // eslint-disable-next-line react-hooks/exhaustive-deps

package.json

 {
   "name": "@diana-ui/hooks",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "main": "lib/index.js",
@@ -44,3 +44,3 @@ "module": "module/index.js",
   },
-  "gitHead": "7b37599ed209abe04122ea28116178bb37a6faa7"
+  "gitHead": "d0515c51dc077c0b2e9be5f2781850755f5cd323"
 }

No alert changes

Improved metrics

Total package byte prevSize

8811

increased by6.32%

Lines of code

175

increased by10.06%

No dependency changes