@mic-rexjs/usecases-react 2.13.6 → 3.0.0

package/lib/hooks/useUseCase/index.test.js

@@ -3,7 +3,6 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _wrapAsyncGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapAsyncGenerator"));
@@ -512,50 +511,86 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         path: PATH_2
       }));
     });
-    (0, _globals.test)('Entity initializer should provide the changed deps', function () {
+    (0, _globals.test)('Do not update entity when the initializer has yielded some constant entity properties', function () {
       var updateIndex = 0;
-      var file = defaultFile;
-      var symbol = Symbol('changedDep');
-      var onChangedDeps = _globals.jest.fn();
       var _renderHook0 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(function () {
-            var currentFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : file;
-            var changedDeps = arguments.length > 1 ? arguments[1] : undefined;
-            // 验证参数类型
-            var _changedDeps = (0, _slicedToArray2["default"])(changedDeps, 6),
-              index1 = _changedDeps[0],
-              num1 = _changedDeps[1],
-              index2 = _changedDeps[2],
-              string1 = _changedDeps[3],
-              index3 = _changedDeps[4],
-              boolean1 = _changedDeps[5];
-            var a = index1;
-            var b = num1;
-            var c = index2;
-            var d = string1;
-            var e = index3;
-            var f = boolean1;
-            void a;
-            void b;
-            void c;
-            void d;
-            void e;
-            void f;
-            // 先 `fill` 填充，再合并，以 `symbol` 代替虚无项去匹配
-            onChangedDeps(Object.assign((0, _toConsumableArray2["default"])(changedDeps).fill(symbol), changedDeps));
-            return currentFile;
-          }, fileUseCase, {}, [updateIndex++, 0, updateIndex++, 'xyz', updateIndex++, false]);
+          return (0, _.useUseCase)(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+            return _regenerator["default"].wrap(function (_context1) {
+              while (1) switch (_context1.prev = _context1.next) {
+                case 0:
+                  _context1.next = 1;
+                  return defaultFile;
+                case 1:
+                  _context1.next = 2;
+                  return {
+                    path: PATH_1
+                  };
+                case 2:
+                case "end":
+                  return _context1.stop();
+              }
+            }, _callee8);
+          }), fileUseCase, {}, [updateIndex++]);
         }),
         result = _renderHook0.result;
-      var _result$current6 = (0, _slicedToArray2["default"])(result.current, 2),
-        setPath = _result$current6[1].setPath;
-      (0, _globals.expect)(onChangedDeps).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onChangedDeps).toHaveBeenCalledWith([0, 0, 1, 'xyz', 2, false]);
+      var current1 = result.current;
+      var _current = (0, _slicedToArray2["default"])(current1, 2),
+        entity1 = _current[0],
+        setEntity = _current[1].setEntity;
+      (0, _globals.expect)(entity1).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_1
+      }));
       (0, _react.act)(function () {
-        setPath(PATH_1);
+        setEntity({
+          path: PATH_2
+        });
       });
-      (0, _globals.expect)(onChangedDeps).toHaveBeenCalledTimes(2);
-      (0, _globals.expect)(onChangedDeps).toHaveBeenCalledWith([3, symbol, 4, symbol, 5, symbol]);
+      var current2 = result.current;
+      var _current2 = (0, _slicedToArray2["default"])(current2, 1),
+        entity2 = _current2[0];
+      (0, _globals.expect)(entity2).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_2
+      }));
+    });
+    (0, _globals.test)('Should update entity when the initializer has returned some cconstant entity properties after `setEntity`', function () {
+      var updateIndex = 0;
+      var _renderHook1 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(/*#__PURE__*/_regenerator["default"].mark(function _callee9() {
+            return _regenerator["default"].wrap(function (_context10) {
+              while (1) switch (_context10.prev = _context10.next) {
+                case 0:
+                  _context10.next = 1;
+                  return defaultFile;
+                case 1:
+                  return _context10.abrupt("return", {
+                    path: PATH_1
+                  });
+                case 2:
+                case "end":
+                  return _context10.stop();
+              }
+            }, _callee9);
+          }), fileUseCase, {}, [updateIndex++]);
+        }),
+        result = _renderHook1.result;
+      var current1 = result.current;
+      var _current3 = (0, _slicedToArray2["default"])(current1, 2),
+        entity1 = _current3[0],
+        setEntity = _current3[1].setEntity;
+      (0, _globals.expect)(entity1).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_1
+      }));
+      (0, _react.act)(function () {
+        setEntity({
+          path: PATH_2
+        });
+      });
+      var current2 = result.current;
+      var _current4 = (0, _slicedToArray2["default"])(current2, 1),
+        entity2 = _current4[0];
+      (0, _globals.expect)(entity2).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_1
+      }));
     });
     (0, _globals.test)('Entity property getter should always return the same object if nothing changed after component update', function () {
       var updateTimes = 0;
@@ -565,7 +600,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           return {};
         }
       };
-      var _renderHook1 = (0, _react.renderHook)(function () {
+      var _renderHook10 = (0, _react.renderHook)(function () {
           var collection = (0, _.useUseCase)(data, _usecases.entityUseCase);
           var _collection3 = (0, _slicedToArray2["default"])(collection, 1),
             obj = _collection3[0].obj;
@@ -575,7 +610,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [obj]);
           return collection;
         }),
-        rerender = _renderHook1.rerender;
+        rerender = _renderHook10.rerender;
       (0, _globals.expect)(updateTimes).toEqual(1);
       (0, _react.act)(function () {
         rerender();
@@ -590,7 +625,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           return {};
         }
       };
-      var _renderHook10 = (0, _react.renderHook)(function () {
+      var _renderHook11 = (0, _react.renderHook)(function () {
           var collection = (0, _.useUseCase)(data, _usecases.entityUseCase);
           var _collection4 = (0, _slicedToArray2["default"])(collection, 1),
             obj = _collection4[0].obj;
@@ -600,10 +635,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [obj]);
           return collection;
         }),
-        result = _renderHook10.result;
+        result = _renderHook11.result;
       var current = result.current;
-      var _current = (0, _slicedToArray2["default"])(current, 2),
-        setEntity = _current[1].setEntity;
+      var _current5 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current5[1].setEntity;
       (0, _globals.expect)(updateTimes).toEqual(1);
       (0, _react.act)(function () {
         setEntity({
@@ -616,7 +651,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var entityArg;
       var times = 0;
       var file = defaultFile;
-      var _renderHook11 = (0, _react.renderHook)(function () {
+      var _renderHook12 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(function () {
             var entity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : file;
             var path = entity.path;
@@ -626,7 +661,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             });
           }, fileUseCase, {}, [times++]);
         }),
-        result = _renderHook11.result;
+        result = _renderHook12.result;
       var collection1 = result.current;
       var _collection5 = (0, _slicedToArray2["default"])(collection1, 2),
         currentFile1 = _collection5[0],
@@ -649,20 +684,20 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       }));
     });
     (0, _globals.test)('`reducers` should be returned as an object', function () {
-      var _renderHook12 = (0, _react.renderHook)(function () {
+      var _renderHook13 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook12.result;
+        result = _renderHook13.result;
       var cores = result.current;
       var _cores2 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores2[1];
       (0, _globals.expect)((0, _typeof2["default"])(reducers)).toBe('object');
     });
     (0, _globals.test)('`Provider` should be returned as a function', function () {
-      var _renderHook13 = (0, _react.renderHook)(function () {
+      var _renderHook14 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook13.result;
+        result = _renderHook14.result;
       var cores = result.current;
       var _cores3 = (0, _slicedToArray2["default"])(cores, 3),
         Provider = _cores3[2];
@@ -670,11 +705,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`usecase` should be called only once if deps has not provided', function () {
       var mockUseCase = _globals.jest.fn(fileUseCase);
-      var _renderHook14 = (0, _react.renderHook)(function () {
+      var _renderHook15 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase);
         }),
-        result = _renderHook14.result,
-        rerender = _renderHook14.rerender;
+        result = _renderHook15.result,
+        rerender = _renderHook15.rerender;
       var cores = result.current;
       var _cores4 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores4[1].setEntity;
@@ -687,11 +722,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`usecase` should be called only once if deps has not changed', function () {
       var mockUseCase = _globals.jest.fn(fileUseCase);
-      var _renderHook15 = (0, _react.renderHook)(function () {
+      var _renderHook16 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase, {}, [1, 'x']);
         }),
-        result = _renderHook15.result,
-        rerender = _renderHook15.rerender;
+        result = _renderHook16.result,
+        rerender = _renderHook16.rerender;
       var cores = result.current;
       var _cores5 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores5[1].setEntity;
@@ -705,11 +740,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('`usecase` should be called if deps has changed', function () {
       var i = 0;
       var mockUseCase = _globals.jest.fn(fileUseCase);
-      var _renderHook16 = (0, _react.renderHook)(function () {
+      var _renderHook17 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase, {}, [i++, 'x']);
         }),
-        result = _renderHook16.result,
-        rerender = _renderHook16.rerender;
+        result = _renderHook17.result,
+        rerender = _renderHook17.rerender;
       var cores = result.current;
       var _cores6 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores6[1].setEntity;
@@ -724,7 +759,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('after call non-generator reducer, it should not trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook17 = (0, _react.renderHook)(function () {
+      var _renderHook18 = (0, _react.renderHook)(function () {
           var context = (0, _.useUseCase)(defaultFile, fileUseCase);
           var _context = (0, _slicedToArray2["default"])(context, 2),
             reducers = _context[1];
@@ -744,7 +779,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             update();
           };
         }),
-        result = _renderHook17.result;
+        result = _renderHook18.result;
       (0, _react.act)(function () {
         result.current();
       });
@@ -758,13 +793,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('after `yield entity`, it should trigger update', function () {
       var onUpdate = _globals.jest.fn();
-      var _renderHook18 = (0, _react.renderHook)(function () {
+      var _renderHook19 = (0, _react.renderHook)(function () {
           (0, _ahooks.useUpdateEffect)(function () {
             onUpdate();
           });
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook18.result;
+        result = _renderHook19.result;
       var cores = result.current;
       var _cores7 = (0, _slicedToArray2["default"])(cores, 2),
         entity = _cores7[0],
@@ -788,18 +823,18 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       }));
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
     });
-    (0, _globals.test)('after `yield entity` on async mode, it should trigger update', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
-      var onUpdate, _renderHook19, result, cores, _cores8, entity, reducers, readFile, promise;
-      return _regenerator["default"].wrap(function (_context1) {
-        while (1) switch (_context1.prev = _context1.next) {
+    (0, _globals.test)('after `yield entity` on async mode, it should trigger update', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee0() {
+      var onUpdate, _renderHook20, result, cores, _cores8, entity, reducers, readFile, promise;
+      return _regenerator["default"].wrap(function (_context11) {
+        while (1) switch (_context11.prev = _context11.next) {
           case 0:
             onUpdate = _globals.jest.fn();
-            _renderHook19 = (0, _react.renderHook)(function () {
+            _renderHook20 = (0, _react.renderHook)(function () {
               (0, _ahooks.useUpdateEffect)(function () {
                 onUpdate();
               });
               return (0, _.useUseCase)(defaultFile, fileUseCase);
-            }), result = _renderHook19.result;
+            }), result = _renderHook20.result;
             cores = result.current;
             _cores8 = (0, _slicedToArray2["default"])(cores, 2), entity = _cores8[0], reducers = _cores8[1];
             readFile = reducers.readFile;
@@ -809,7 +844,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             (0, _globals.expect)(result.current).toBe(cores);
             (0, _globals.expect)(result.current).toEqual(cores);
             (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-            _context1.next = 1;
+            _context11.next = 1;
             return promise;
           case 1:
             (0, _globals.expect)(result.current[0]).not.toBe(entity);
@@ -821,19 +856,19 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
           case 2:
           case "end":
-            return _context1.stop();
+            return _context11.stop();
         }
-      }, _callee8);
+      }, _callee0);
     })));
     (0, _globals.test)('after `yield entity` callbacks, it should trigger update', function () {
       var onUpdate = _globals.jest.fn();
-      var _renderHook20 = (0, _react.renderHook)(function () {
+      var _renderHook21 = (0, _react.renderHook)(function () {
           (0, _ahooks.useUpdateEffect)(function () {
             onUpdate();
           });
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook20.result;
+        result = _renderHook21.result;
       var cores = result.current;
       var _cores9 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores9[1];
@@ -970,12 +1005,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`options.onChange` should be trigger when entity has changed', function () {
       var onChange = _globals.jest.fn();
-      var _renderHook21 = (0, _react.renderHook)(function () {
+      var _renderHook22 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChange
           });
         }),
-        result = _renderHook21.result;
+        result = _renderHook22.result;
       var cores = result.current;
       var _cores0 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores0[1];
@@ -994,12 +1029,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onChange1 = _globals.jest.fn();
       var onChange2 = _globals.jest.fn();
       var onChange = onChange1;
-      var _renderHook22 = (0, _react.renderHook)(function () {
+      var _renderHook23 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChange
           }, []);
         }),
-        result = _renderHook22.result;
+        result = _renderHook23.result;
       var cores = result.current;
       var _cores1 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores1[1];
@@ -1029,7 +1064,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       }));
     });
     (0, _globals.test)('`options.options` should override rest options', function () {
-      var _renderHook23 = (0, _react.renderHook)(function () {
+      var _renderHook24 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             pathPrefix: 'xyz/',
             options: {
@@ -1037,7 +1072,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook23.result;
+        result = _renderHook24.result;
       var cores = result.current;
       var _cores10 = (0, _slicedToArray2["default"])(cores, 2),
         path = _cores10[0].path,
@@ -1070,7 +1105,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('when `options` has changed, it should not trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook24 = (0, _react.renderHook)(function () {
+      var _renderHook25 = (0, _react.renderHook)(function () {
           var _useState = (0, _react2.useState)('user/'),
             _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
             pathPrefix = _useState2[0],
@@ -1086,7 +1121,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook24.result;
+        result = _renderHook25.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -1098,7 +1133,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('when `deps` has changed, it should trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook25 = (0, _react.renderHook)(function () {
+      var _renderHook26 = (0, _react.renderHook)(function () {
           var _useState3 = (0, _react2.useState)('user/'),
             _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
             pathPrefix = _useState4[0],
@@ -1114,7 +1149,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook25.result;
+        result = _renderHook26.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -1126,7 +1161,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('empty `deps` should not trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook26 = (0, _react.renderHook)(function () {
+      var _renderHook27 = (0, _react.renderHook)(function () {
           var _useState5 = (0, _react2.useState)('user/'),
             _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
             pathPrefix = _useState6[0],
@@ -1142,7 +1177,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook26.result;
+        result = _renderHook27.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -1155,12 +1190,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onPathChange1 = _globals.jest.fn();
       var onPathChange2 = _globals.jest.fn();
       var onPathChange = onPathChange1;
-      var _renderHook27 = (0, _react.renderHook)(function () {
+      var _renderHook28 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onPathChange: onPathChange
           });
         }),
-        result = _renderHook27.result;
+        result = _renderHook28.result;
       var context = result.current;
       var _context2 = (0, _slicedToArray2["default"])(context, 2),
         setPath = _context2[1].setPath;
@@ -1181,7 +1216,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('`options.watch` should be trigger after entity changed', function () {
       var onPathChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook28 = (0, _react.renderHook)(function () {
+      var _renderHook29 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               path: onPathChange,
@@ -1189,7 +1224,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook28.result;
+        result = _renderHook29.result;
       var cores = result.current;
       var _cores11 = (0, _slicedToArray2["default"])(cores, 2),
         setPath = _cores11[1].setPath;
@@ -1212,7 +1247,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`options.watch` should be trigger after update entity by entity initializer', function () {
       var onPathChange = _globals.jest.fn();
-      var _renderHook29 = (0, _react.renderHook)(function () {
+      var _renderHook30 = (0, _react.renderHook)(function () {
           var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
           return (0, _.useUseCase)(function () {
             var currentFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
@@ -1225,7 +1260,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           }, [path]);
         }),
-        rerender = _renderHook29.rerender;
+        rerender = _renderHook30.rerender;
       (0, _globals.expect)(onPathChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         rerender(PATH_1);
@@ -1325,14 +1360,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onPathChange1 = _globals.jest.fn();
       var onPathChange2 = _globals.jest.fn();
       var onPathChange = onPathChange1;
-      var _renderHook30 = (0, _react.renderHook)(function () {
+      var _renderHook31 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               path: onPathChange
             }
           });
         }),
-        result = _renderHook30.result;
+        result = _renderHook31.result;
       var cores = result.current;
       var _cores12 = (0, _slicedToArray2["default"])(cores, 2),
         _cores12$ = _cores12[1],
@@ -1380,7 +1415,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var initialData = {};
       var onExtChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook31 = (0, _react.renderHook)(function () {
+      var _renderHook32 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'list.ext': onExtChange,
@@ -1388,7 +1423,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook31.result;
+        result = _renderHook32.result;
       var cores = result.current;
       var _cores13 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores13[1].setEntity;
@@ -1681,20 +1716,21 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       });
     });
     (0, _globals.test)('`options.watch` should work with field path of array length', function () {
+      var defaultList = [];
       var onEntityLengthChange = _globals.jest.fn();
       var onListLengthChange = _globals.jest.fn();
       var lengthUseCase = function lengthUseCase() {
         return (0, _usecases.entityUseCase)();
       };
-      var _renderHook32 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)([], lengthUseCase, {
+      var _renderHook33 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(defaultList, lengthUseCase, {
             watch: {
               length: onEntityLengthChange,
               'list.length': onListLengthChange
             }
           });
         }),
-        result = _renderHook32.result;
+        result = _renderHook33.result;
       var cores = result.current;
       var _cores14 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores14[1].setEntity;
@@ -1729,14 +1765,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('`options.watch` should work with field path of nested array', function () {
       var initialData = {};
       var onChange = _globals.jest.fn();
-      var _renderHook33 = (0, _react.renderHook)(function () {
+      var _renderHook34 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'nestedList.size': onChange
             }
           });
         }),
-        result = _renderHook33.result;
+        result = _renderHook34.result;
       var cores = result.current;
       var _cores15 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores15[1].setEntity;
@@ -1824,7 +1860,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var initialData = {};
       var onExtChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook34 = (0, _react.renderHook)(function () {
+      var _renderHook35 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'obj.file.ext': onExtChange,
@@ -1832,7 +1868,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook34.result;
+        result = _renderHook35.result;
       var cores = result.current;
       var _cores16 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores16[1].setEntity;
@@ -1940,6 +1976,51 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onStringMount).toHaveBeenCalledWith('hello');
       (0, _globals.expect)(onBooleanMount).toHaveBeenCalledWith(true);
     });
+    (0, _globals.test)('`bindEntity` should be called when component mount', function () {
+      var bindEntity = _globals.jest.fn(function (entity) {
+        void entity;
+      });
+      var testUseCase = function testUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        return _objectSpread(_objectSpread({}, entityReducers), {}, {
+          bindEntity: bindEntity
+        });
+      };
+      (0, _react.renderHook)(function () {
+        var _useUseCase24 = (0, _.useUseCase)(5, testUseCase),
+          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 2),
+          setEntity = _useUseCase25[1].setEntity;
+        (0, _ahooks.useMount)(function () {
+          setEntity(100);
+        });
+      });
+      (0, _globals.expect)(bindEntity).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(bindEntity).toHaveBeenCalledWith(5);
+    });
+    (0, _globals.test)('`unbindEntity` should be called when component unmount', function () {
+      var unbindEntity = _globals.jest.fn(function (entity) {
+        void entity;
+      });
+      var testUseCase = function testUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        return _objectSpread(_objectSpread({}, entityReducers), {}, {
+          unbindEntity: unbindEntity
+        });
+      };
+      var _renderHook36 = (0, _react.renderHook)(function () {
+          var _useUseCase26 = (0, _.useUseCase)(5, testUseCase),
+            _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 2),
+            setEntity = _useUseCase27[1].setEntity;
+          (0, _ahooks.useMount)(function () {
+            setEntity(100);
+          });
+        }),
+        unmount = _renderHook36.unmount;
+      (0, _globals.expect)(unbindEntity).toHaveBeenCalledTimes(0);
+      unmount();
+      (0, _globals.expect)(unbindEntity).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(unbindEntity).toHaveBeenCalledWith(100);
+    });
   });
   (0, _globals.describe)('`useUseCase` should work the same as `useContextualCoreCollection`', function () {
     (0, _globals.test)('Provider should be returned in child component', function () {
@@ -1956,13 +2037,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var TestParent = function TestParent() {
-        var _useUseCase24 = (0, _.useUseCase)(function () {
+        var _useUseCase28 = (0, _.useUseCase)(function () {
             return _objectSpread(_objectSpread({}, defaultFile), {}, {
               ext: EXT_1
             });
           }, fileUseCase),
-          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 3),
-          Provider = _useUseCase25[2];
+          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 3),
+          Provider = _useUseCase29[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(TestChild, {})
         });
@@ -1978,10 +2059,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onPopupFile = _globals.jest.fn();
       var buttonText = 'button';
       var Popup = function Popup() {
-        var _useUseCase26 = (0, _.useUseCase)(fileUseCase),
-          _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 2),
-          file = _useUseCase27[0],
-          setEntity = _useUseCase27[1].setEntity;
+        var _useUseCase30 = (0, _.useUseCase)(fileUseCase),
+          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 2),
+          file = _useUseCase31[0],
+          setEntity = _useUseCase31[1].setEntity;
         var onClick = function onClick() {
           setEntity({
             ext: EXT_2
@@ -1996,24 +2077,24 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var TestChild = function TestChild() {
-        var _useUseCase28 = (0, _.useUseCase)(fileUseCase),
-          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 3),
-          Provider = _useUseCase29[2];
+        var _useUseCase32 = (0, _.useUseCase)(fileUseCase),
+          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 3),
+          Provider = _useUseCase33[2];
         return (0, _reactDom.createPortal)((0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(Popup, {})
         }), document.body);
       };
       var TestParent = function TestParent() {
-        var _useUseCase30 = (0, _.useUseCase)(function () {
+        var _useUseCase34 = (0, _.useUseCase)(function () {
             return _objectSpread(_objectSpread({}, defaultFile), {}, {
               ext: EXT_1
             });
           }, fileUseCase, {
             onChange: onChange
           }),
-          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 3),
-          file = _useUseCase31[0],
-          Provider = _useUseCase31[2];
+          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 3),
+          file = _useUseCase35[0],
+          Provider = _useUseCase35[2];
         (0, _react2.useEffect)(function () {
           onRootFile(file);
         }, [file]);
@@ -2074,9 +2155,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var B = function B() {
-        var _useUseCase32 = (0, _.useUseCase)(defaultFile, mockUseCase),
-          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 3),
-          Provider = _useUseCase33[2];
+        var _useUseCase36 = (0, _.useUseCase)(defaultFile, mockUseCase),
+          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 3),
+          Provider = _useUseCase37[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2096,9 +2177,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase34 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 2),
-          add = _useUseCase35[1].add;
+        var _useUseCase38 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 2),
+          add = _useUseCase39[1].add;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -2110,9 +2191,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase36 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 3),
-          Provider = _useUseCase37[2];
+        var _useUseCase40 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 3),
+          Provider = _useUseCase41[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2136,9 +2217,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase38 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 2),
-          add = _useUseCase39[1].add;
+        var _useUseCase42 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 2),
+          add = _useUseCase43[1].add;
         var onClick = function onClick() {
           add('x');
         };
@@ -2152,9 +2233,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase40 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 3),
-          Provider = _useUseCase41[2];
+        var _useUseCase44 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 3),
+          Provider = _useUseCase45[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2182,11 +2263,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase42 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 2),
-          _useUseCase43$ = _useUseCase43[1],
-          add = _useUseCase43$.add,
-          setEntity = _useUseCase43$.setEntity;
+        var _useUseCase46 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 2),
+          _useUseCase47$ = _useUseCase47[1],
+          add = _useUseCase47$.add,
+          setEntity = _useUseCase47$.setEntity;
         var update = (0, _ahooks.useUpdate)();
         add(addedText);
         var onSet = function onSet() {
@@ -2206,9 +2287,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase44 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 3),
-          Provider = _useUseCase45[2];
+        var _useUseCase48 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 3),
+          Provider = _useUseCase49[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2253,12 +2334,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase46 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase50 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChangeC
           }),
-          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 3),
-          setPath = _useUseCase47[1].setPath,
-          Provider = _useUseCase47[2];
+          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 3),
+          setPath = _useUseCase51[1].setPath,
+          Provider = _useUseCase51[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2285,11 +2366,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase48 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase52 = (0, _.useUseCase)(fileUseCase, {
             onChange: onChange
           }),
-          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 2),
-          setPath = _useUseCase49[1].setPath;
+          _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 2),
+          setPath = _useUseCase53[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onChange = onSecondChange;
@@ -2308,9 +2389,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase50 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 3),
-          Provider = _useUseCase51[2];
+        var _useUseCase54 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase55 = (0, _slicedToArray2["default"])(_useUseCase54, 3),
+          Provider = _useUseCase55[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2332,13 +2413,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onExtChange = _globals.jest.fn();
       var firstButtonText = 'first button';
       var A = function A() {
-        var _useUseCase52 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase56 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 2),
-          setPath = _useUseCase53[1].setPath;
+          _useUseCase57 = (0, _slicedToArray2["default"])(_useUseCase56, 2),
+          setPath = _useUseCase57[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2348,9 +2429,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase54 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
-          _useUseCase55 = (0, _slicedToArray2["default"])(_useUseCase54, 3),
-          Provider = _useUseCase55[2];
+        var _useUseCase58 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
+          _useUseCase59 = (0, _slicedToArray2["default"])(_useUseCase58, 3),
+          Provider = _useUseCase59[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2400,14 +2481,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase56 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase60 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               ext: onChangeC
             }
           }),
-          _useUseCase57 = (0, _slicedToArray2["default"])(_useUseCase56, 3),
-          setPath = _useUseCase57[1].setPath,
-          Provider = _useUseCase57[2];
+          _useUseCase61 = (0, _slicedToArray2["default"])(_useUseCase60, 3),
+          setPath = _useUseCase61[1].setPath,
+          Provider = _useUseCase61[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2434,13 +2515,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase58 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase62 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase59 = (0, _slicedToArray2["default"])(_useUseCase58, 2),
-          setPath = _useUseCase59[1].setPath;
+          _useUseCase63 = (0, _slicedToArray2["default"])(_useUseCase62, 2),
+          setPath = _useUseCase63[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onExtChange = onSecondExtChange;
@@ -2459,9 +2540,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase60 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase61 = (0, _slicedToArray2["default"])(_useUseCase60, 3),
-          Provider = _useUseCase61[2];
+        var _useUseCase64 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase65 = (0, _slicedToArray2["default"])(_useUseCase64, 3),
+          Provider = _useUseCase65[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2488,38 +2569,38 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
   });
   (0, _globals.describe)('`useUseCase` should work the same as `useReducers`', function () {
     (0, _globals.test)('`entity` should equal `defaultFile`', function () {
-      var _renderHook35 = (0, _react.renderHook)(function () {
+      var _renderHook37 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook35.result;
+        result = _renderHook37.result;
       var reducers = result.current;
       (0, _globals.expect)(Array.isArray(reducers)).toBe(false);
     });
     (0, _globals.test)('returned reducer should work', function () {
-      var _renderHook36 = (0, _react.renderHook)(function () {
+      var _renderHook38 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook36.result;
+        result = _renderHook38.result;
       var reducers = result.current;
       var add = reducers.add;
       (0, _globals.expect)(add(1, 2)).toBe(3);
     });
     (0, _globals.test)('`usecase` should be called only once if deps has not provided', function () {
       var mockUseCase = _globals.jest.fn(mathUseCase);
-      var _renderHook37 = (0, _react.renderHook)(function () {
+      var _renderHook39 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase);
         }),
-        rerender = _renderHook37.rerender;
+        rerender = _renderHook39.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
     });
     (0, _globals.test)('`usecase` should be called only once if deps has not changed', function () {
       var mockUseCase = _globals.jest.fn(mathUseCase);
-      var _renderHook38 = (0, _react.renderHook)(function () {
+      var _renderHook40 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [1, 'x']);
         }),
-        rerender = _renderHook38.rerender;
+        rerender = _renderHook40.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
@@ -2527,10 +2608,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('`usecase` should be called if deps has changed', function () {
       var i = 0;
       var mockUseCase = _globals.jest.fn(mathUseCase);
-      var _renderHook39 = (0, _react.renderHook)(function () {
+      var _renderHook41 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [i++, 'x']);
         }),
-        rerender = _renderHook39.rerender;
+        rerender = _renderHook41.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(2);
@@ -2538,8 +2619,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('reducer call should not be cached if component is at rendering phase', function () {
       var buttonText = 'button';
       var CacheTestComponent = function CacheTestComponent() {
-        var _useUseCase62 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase62.subtraction;
+        var _useUseCase66 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase66.subtraction;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -2562,8 +2643,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('reducer call should not be cached if component is not at rendering phase', function () {
       var buttonText = 'button';
       var CacheTestComponent = function CacheTestComponent() {
-        var _useUseCase63 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase63.subtraction;
+        var _useUseCase67 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase67.subtraction;
         var onClick = function onClick() {
           subtraction(5, 3);
         };
@@ -2591,8 +2672,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var count = 0;
       var buttonText = 'button';
       var StringUseCaseTestComponent = function StringUseCaseTestComponent() {
-        var _useUseCase64 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase64.subtraction;
+        var _useUseCase68 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase68.subtraction;
         var update = (0, _ahooks.useUpdate)();
         subtraction(5, count++);
         var onUpdate = function onUpdate() {
@@ -2614,12 +2695,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(subtractionReducer).toHaveReturnedWith(4);
     });
     (0, _globals.test)('`options.extraValue` should be added after call `add` method', function () {
-      var _renderHook40 = (0, _react.renderHook)(function () {
+      var _renderHook42 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase, {
             extraValue: 5
           });
         }),
-        result = _renderHook40.result;
+        result = _renderHook42.result;
       var reducers = result.current;
       var add = reducers.add;
       (0, _globals.expect)(add(1, 2)).toBe(8);
@@ -2627,7 +2708,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('when `options` has changed, it should not trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook41 = (0, _react.renderHook)(function () {
+      var _renderHook43 = (0, _react.renderHook)(function () {
           var _useState7 = (0, _react2.useState)(0),
             _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
             extraValue = _useState8[0],
@@ -2643,7 +2724,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook41.result;
+        result = _renderHook43.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2655,7 +2736,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('when `deps` change, it should update reducers', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook42 = (0, _react.renderHook)(function () {
+      var _renderHook44 = (0, _react.renderHook)(function () {
           var _useState9 = (0, _react2.useState)(0),
             _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
             extraValue = _useState0[0],
@@ -2671,7 +2752,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook42.result;
+        result = _renderHook44.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2683,7 +2764,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('empty `deps` should not update reducers', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook43 = (0, _react.renderHook)(function () {
+      var _renderHook45 = (0, _react.renderHook)(function () {
           var _useState1 = (0, _react2.useState)(0),
             _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
             extraValue = _useState10[0],
@@ -2699,7 +2780,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook43.result;
+        result = _renderHook45.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {