@shopify/react-hooks - npm Package Compare versions

Comparing version 1.6.0 to 1.6.1

CHANGELOG.md

@@ -10,2 +10,8 @@ # Changelog
 
+## [1.6.1] - 2020-04-07
+
+### Fixed
+
+- `useOnChangeValue` is now executed in an `useEffect` and doesn't block the render method anymore. **This fix may cause timing issue in your project if you depended on the change handler happening synchronously.**
+
 ## [1.6.0] - 2020-03-02
@@ -12,0 +18,0 @@

dist/src/hooks/on-value-change.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 function useOnValueChange(value, onChange) {
     var tracked = react_1.default.useRef(value);
-    var oldValue = tracked.current;
-    if (value !== oldValue) {
-        tracked.current = value;
-        onChange(value, oldValue);
-    }
+    react_1.useEffect(function () {
+        var oldValue = tracked.current;
+        if (value !== tracked.current) {
+            tracked.current = value;
+            onChange(value, oldValue);
+        }
+    }, [value, onChange]);
 }
 exports.useOnValueChange = useOnValueChange;

package.json

 {
   "name": "@shopify/react-hooks",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "A collection of primitive React hooks.",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

16249

increased by2.13%

Lines of code

164

increased by1.23%

No dependency changes