@react-hook/merged-ref - npm Package Compare versions

Comparing version 1.3.1 to 1.3.2

dist/main/index.js

@@ -13,5 +13,9 @@ "use strict";
 function useMergedRef(...refs) {
-  return React.useCallback(element => refs.forEach(ref => {
-    if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;
-  }), refs);
+  return React.useCallback(element => {
+    for (let i = 0; i < refs.length; i++) {
+      const ref = refs[i];
+      if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;
+    }
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  refs);
 }
@@ -18,0 +22,0 @@

dist/module/index.js

 import * as React from 'react';
 
 function useMergedRef(...refs) {
-  return React.useCallback(element => refs.forEach(ref => {
-    if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;
-  }), refs);
+  return React.useCallback(element => {
+    for (let i = 0; i < refs.length; i++) {
+      const ref = refs[i];
+      if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;
+    }
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  refs);
 }
 
 export default useMergedRef;

dist/umd/use-merged-ref.dev.js

@@ -13,6 +13,8 @@ (function (global, factory) {
     return React.useCallback(function (element) {
-      return refs.forEach(function (ref) {
+      for (var i = 0; i < refs.length; i++) {
+        var ref = refs[i];
         if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;
-      });
-    }, refs);
+      }
+    }, // eslint-disable-next-line react-hooks/exhaustive-deps
+    refs);
   }
@@ -19,0 +21,0 @@

dist/umd/use-merged-ref.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self).useMergedRef=t(e.React)}(this,(function(e){"use strict";return function(){for(var t=arguments.length,n=new Array(t),r=0;t>r;r++)n[r]=arguments[r];return e.useCallback((function(e){return n.forEach((function(t){"function"==typeof t?t(e):t&&"object"==typeof t&&(t.current=e)}))}),n)}}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self).useMergedRef=t(e.React)}(this,(function(e){"use strict";return function(){for(var t=arguments.length,n=new Array(t),r=0;t>r;r++)n[r]=arguments[r];return e.useCallback((function(e){for(var t=0;t<n.length;t++){var r=n[t];"function"==typeof r?r(e):r&&"object"==typeof r&&(r.current=e)}}),n)}}));
 //# sourceMappingURL=use-merged-ref.js.map

package.json

 {
   "name": "@react-hook/merged-ref",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "homepage": "https://github.com/jaredLunde/react-hook/tree/master/packages/merged-ref#readme",
@@ -5,0 +5,0 @@ "repository": "github:jaredLunde/react-hook",

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

16285

8.89%

Lines of code

111

18.09%

No dependency changes