@mic-rexjs/usecases-react 2.10.2 → 2.10.3

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

@@ -10,10 +10,12 @@ var _wrapAsyncGenerator2 = _interopRequireDefault(require("@babel/runtime/helper
 var _awaitAsyncGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/awaitAsyncGenerator"));
 var _asyncGeneratorDelegate2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncGeneratorDelegate"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _usecases = require("@mic-rexjs/usecases");
+var _ = require(".");
+var _useDepsKey = require("../useDepsKey");
 var _globals = require("@jest/globals");
+var _usecases = require("@mic-rexjs/usecases");
+var _dom = require("@testing-library/dom");
 var _react = require("@testing-library/react");
-var _ = require(".");
 var _ahooks = require("ahooks");
 var _react2 = require("react");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -40,14 +42,14 @@ var fileUseCase = function fileUseCase() {
   var init = function init(entity) {
     var newEntity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultFile;
     return /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      return _regenerator["default"].wrap(function _callee$(_context) {
+      return _regenerator["default"].wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return function () {
               return newEntity;
             };
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }
@@ -57,45 +59,45 @@ var fileUseCase = function fileUseCase() {
   var setPath = /*#__PURE__*/_regenerator["default"].mark(function setPath(entity, path) {
     var _path$match;
     var oldPath, newPath;
-    return _regenerator["default"].wrap(function setPath$(_context2) {
+    return _regenerator["default"].wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           oldPath = entity.path;
           newPath = pathPrefix + path;
-          _context2.next = 4;
+          _context2.next = 1;
           return _objectSpread(_objectSpread({}, entity), {}, {
             path: newPath,
             ext: ((_path$match = path.match(/\.[^.]+$/)) === null || _path$match === void 0 ? void 0 : _path$match[0]) || ''
           });
-        case 4:
+        case 1:
           onPathChange === null || onPathChange === void 0 || onPathChange(newPath, oldPath);
-        case 5:
+        case 2:
         case "end":
           return _context2.stop();
       }
     }, setPath);
   });
   var readFile = /*#__PURE__*/function () {
-    var _ref = (0, _wrapAsyncGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(entity, path) {
+    var _ref = (0, _wrapAsyncGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(entity, path) {
       var size;
-      return _regenerator["default"].wrap(function _callee2$(_context3) {
+      return _regenerator["default"].wrap(function (_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             size = 2000;
-            return _context3.delegateYield((0, _asyncGeneratorDelegate2["default"])(_asyncIterator(setPath(entity, path)), _awaitAsyncGenerator2["default"]), "t0", 2);
-          case 2:
-            _context3.next = 4;
+            return _context3.delegateYield((0, _asyncGeneratorDelegate2["default"])(_asyncIterator(setPath(entity, path)), _awaitAsyncGenerator2["default"]), "t0", 1);
+          case 1:
+            _context3.next = 2;
             return (0, _awaitAsyncGenerator2["default"])(Promise.resolve(null));
-          case 4:
-            _context3.next = 6;
+          case 2:
+            _context3.next = 3;
             return function (oldEntity) {
               return _objectSpread(_objectSpread({}, oldEntity), {}, {
                 size: size
               });
             };
-          case 6:
+          case 3:
             return _context3.abrupt("return", size);
-          case 7:
+          case 4:
           case "end":
             return _context3.stop();
         }
@@ -231,17 +233,19 @@ var MathParent = function MathParent(_ref5) {
 };
 var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
   var isFirstRef = (0, _react2.useRef)(true);
+  var memoizedCallback = (0, _ahooks.useMemoizedFn)(callback);
+  var depsKey = (0, _useDepsKey.useDepsKey)(deps);
   (0, _react2.useEffect)(function () {
     return function () {
       isFirstRef.current = false;
     };
   });
-  _ahooks.useDeepCompareEffect.call(null, function () {
+  (0, _ahooks.useDeepCompareEffect)(function () {
     if (isFirstRef.current) {
       return;
     }
-    callback();
-  }, deps);
+    memoizedCallback();
+  }, [depsKey, memoizedCallback]);
 };
 (0, _globals.beforeEach)(function () {
   subtractionReducer.mockClear();
@@ -426,20 +430,20 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       }));
     });
     (0, _globals.test)('`reducers` should be returned as an object', function () {
-      var _renderHook10 = (0, _react.renderHook)(function () {
+      var _renderHook0 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook10.result;
+        result = _renderHook0.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 _renderHook11 = (0, _react.renderHook)(function () {
+      var _renderHook1 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook11.result;
+        result = _renderHook1.result;
       var cores = result.current;
       var _cores3 = (0, _slicedToArray2["default"])(cores, 3),
         Provider = _cores3[2];
@@ -447,11 +451,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 _renderHook12 = (0, _react.renderHook)(function () {
+      var _renderHook10 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase);
         }),
-        result = _renderHook12.result,
-        rerender = _renderHook12.rerender;
+        result = _renderHook10.result,
+        rerender = _renderHook10.rerender;
       var cores = result.current;
       var _cores4 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores4[1].setEntity;
@@ -464,11 +468,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 _renderHook13 = (0, _react.renderHook)(function () {
+      var _renderHook11 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase, {}, [1, 'x']);
         }),
-        result = _renderHook13.result,
-        rerender = _renderHook13.rerender;
+        result = _renderHook11.result,
+        rerender = _renderHook11.rerender;
       var cores = result.current;
       var _cores5 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores5[1].setEntity;
@@ -482,11 +486,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 _renderHook14 = (0, _react.renderHook)(function () {
+      var _renderHook12 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase, {}, [i++, 'x']);
         }),
-        result = _renderHook14.result,
-        rerender = _renderHook14.rerender;
+        result = _renderHook12.result,
+        rerender = _renderHook12.rerender;
       var cores = result.current;
       var _cores6 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores6[1].setEntity;
@@ -501,7 +505,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 _renderHook15 = (0, _react.renderHook)(function () {
+      var _renderHook13 = (0, _react.renderHook)(function () {
           var context = (0, _.useUseCase)(defaultFile, fileUseCase);
           var _context4 = (0, _slicedToArray2["default"])(context, 2),
             reducers = _context4[1];
@@ -521,7 +525,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             update();
           };
         }),
-        result = _renderHook15.result;
+        result = _renderHook13.result;
       (0, _react.act)(function () {
         result.current();
       });
@@ -535,13 +539,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('after `yield entity`, it should trigger update', function () {
       var onUpdate = _globals.jest.fn();
-      var _renderHook16 = (0, _react.renderHook)(function () {
+      var _renderHook14 = (0, _react.renderHook)(function () {
           (0, _ahooks.useUpdateEffect)(function () {
             onUpdate();
           });
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook16.result;
+        result = _renderHook14.result;
       var cores = result.current;
       var _cores7 = (0, _slicedToArray2["default"])(cores, 2),
         entity = _cores7[0],
@@ -565,18 +569,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 _callee3() {
-      var onUpdate, _renderHook17, result, cores, _cores8, entity, reducers, readFile, promise;
-      return _regenerator["default"].wrap(function _callee3$(_context5) {
+    (0, _globals.test)('after `yield entity` on async mode, it should trigger update', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      var onUpdate, _renderHook15, result, cores, _cores8, entity, reducers, readFile, promise;
+      return _regenerator["default"].wrap(function (_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
             onUpdate = _globals.jest.fn();
-            _renderHook17 = (0, _react.renderHook)(function () {
+            _renderHook15 = (0, _react.renderHook)(function () {
               (0, _ahooks.useUpdateEffect)(function () {
                 onUpdate();
               });
               return (0, _.useUseCase)(defaultFile, fileUseCase);
-            }), result = _renderHook17.result;
+            }), result = _renderHook15.result;
             cores = result.current;
             _cores8 = (0, _slicedToArray2["default"])(cores, 2), entity = _cores8[0], reducers = _cores8[1];
             readFile = reducers.readFile;
@@ -586,9 +590,9 @@ 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);
-            _context5.next = 11;
+            _context5.next = 1;
             return promise;
-          case 11:
+          case 1:
             (0, _globals.expect)(result.current[0]).not.toBe(entity);
             (0, _globals.expect)(result.current[1]).not.toBe(reducers);
             (0, _globals.expect)(result.current[1].readFile).not.toBe(readFile);
@@ -596,7 +600,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             (0, _globals.expect)(result.current[0].ext).toBe(EXT_1);
             (0, _globals.expect)(result.current[0].size).toBe(2000);
             (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
-          case 18:
+          case 2:
           case "end":
             return _context5.stop();
         }
@@ -604,13 +608,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     })));
     (0, _globals.test)('after `yield entity` callbacks, it should trigger update', function () {
       var onUpdate = _globals.jest.fn();
-      var _renderHook18 = (0, _react.renderHook)(function () {
+      var _renderHook16 = (0, _react.renderHook)(function () {
           (0, _ahooks.useUpdateEffect)(function () {
             onUpdate();
           });
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook18.result;
+        result = _renderHook16.result;
       var cores = result.current;
       var _cores9 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores9[1];
@@ -654,7 +658,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(addReducer).toHaveBeenCalledWith('', 'x');
       (0, _globals.expect)(addReducer).toHaveReturnedWith('x');
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
     });
     (0, _globals.test)('reducer call should not be cached if component is not at rendering phase', function () {
@@ -688,7 +692,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(1, '', 'x');
       (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(2, '', 'x');
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
       (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(3, '', 'x');
     });
@@ -707,11 +711,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var CacheTestComponent = function CacheTestComponent() {
-        var _useUseCase10 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase11 = (0, _slicedToArray2["default"])(_useUseCase10, 2),
-          _useUseCase11$ = _useUseCase11[1],
-          add = _useUseCase11$.add,
-          setEntity = _useUseCase11$.setEntity;
+        var _useUseCase0 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase1 = (0, _slicedToArray2["default"])(_useUseCase0, 2),
+          _useUseCase1$ = _useUseCase1[1],
+          add = _useUseCase1$.add,
+          setEntity = _useUseCase1$.setEntity;
         var update = (0, _ahooks.useUpdate)();
         add(addedText);
         var onSet = function onSet() {
@@ -733,29 +737,29 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _react.render)((0, _jsxRuntime.jsx)(CacheTestComponent, {}));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(addReducer).toHaveBeenCalledWith('', 'x');
-      _react.fireEvent.click(_react.screen.getByText(setButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(setButtonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(addReducer).toHaveBeenCalledWith('0', 'x');
       (0, _globals.expect)(addReducer).toHaveReturnedWith('0x');
       addedText = 'y';
-      _react.fireEvent.click(_react.screen.getByText(updateButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(updateButtonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
       (0, _globals.expect)(addReducer).toHaveBeenCalledWith('0', 'y');
       (0, _globals.expect)(addReducer).toHaveReturnedWith('0y');
-      _react.fireEvent.click(_react.screen.getByText(updateButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(updateButtonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
     });
     (0, _globals.test)('`options.onChange` should be trigger when entity has changed', function () {
       var onChange = _globals.jest.fn();
-      var _renderHook19 = (0, _react.renderHook)(function () {
+      var _renderHook17 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChange
           });
         }),
-        result = _renderHook19.result;
+        result = _renderHook17.result;
       var cores = result.current;
-      var _cores10 = (0, _slicedToArray2["default"])(cores, 2),
-        reducers = _cores10[1];
+      var _cores0 = (0, _slicedToArray2["default"])(cores, 2),
+        reducers = _cores0[1];
       var setPath = reducers.setPath;
       (0, _globals.expect)(onChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -771,15 +775,15 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onChange1 = _globals.jest.fn();
       var onChange2 = _globals.jest.fn();
       var onChange = onChange1;
-      var _renderHook20 = (0, _react.renderHook)(function () {
+      var _renderHook18 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChange
           }, []);
         }),
-        result = _renderHook20.result;
+        result = _renderHook18.result;
       var cores = result.current;
-      var _cores11 = (0, _slicedToArray2["default"])(cores, 2),
-        reducers = _cores11[1];
+      var _cores1 = (0, _slicedToArray2["default"])(cores, 2),
+        reducers = _cores1[1];
       var setPath = reducers.setPath;
       (0, _globals.expect)(onChange1).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -806,7 +810,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       }));
     });
     (0, _globals.test)('`options.options` should override rest options', function () {
-      var _renderHook21 = (0, _react.renderHook)(function () {
+      var _renderHook19 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             pathPrefix: 'xyz/',
             options: {
@@ -814,11 +818,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook21.result;
+        result = _renderHook19.result;
       var cores = result.current;
-      var _cores12 = (0, _slicedToArray2["default"])(cores, 2),
-        path = _cores12[0].path,
-        reducers = _cores12[1];
+      var _cores10 = (0, _slicedToArray2["default"])(cores, 2),
+        path = _cores10[0].path,
+        reducers = _cores10[1];
       var setPath = reducers.setPath;
       (0, _globals.expect)(path).toBe('');
       (0, _react.act)(function () {
@@ -847,7 +851,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 _renderHook22 = (0, _react.renderHook)(function () {
+      var _renderHook20 = (0, _react.renderHook)(function () {
           var _useState = (0, _react2.useState)('user/'),
             _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
             pathPrefix = _useState2[0],
@@ -863,7 +867,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook22.result;
+        result = _renderHook20.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -875,7 +879,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 _renderHook23 = (0, _react.renderHook)(function () {
+      var _renderHook21 = (0, _react.renderHook)(function () {
           var _useState3 = (0, _react2.useState)('user/'),
             _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
             pathPrefix = _useState4[0],
@@ -891,7 +895,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook23.result;
+        result = _renderHook21.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -903,7 +907,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 _renderHook24 = (0, _react.renderHook)(function () {
+      var _renderHook22 = (0, _react.renderHook)(function () {
           var _useState5 = (0, _react2.useState)('user/'),
             _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
             pathPrefix = _useState6[0],
@@ -919,7 +923,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook24.result;
+        result = _renderHook22.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -932,12 +936,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onPathChange1 = _globals.jest.fn();
       var onPathChange2 = _globals.jest.fn();
       var onPathChange = onPathChange1;
-      var _renderHook25 = (0, _react.renderHook)(function () {
+      var _renderHook23 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onPathChange: onPathChange
           });
         }),
-        result = _renderHook25.result;
+        result = _renderHook23.result;
       var context = result.current;
       var _context6 = (0, _slicedToArray2["default"])(context, 2),
         setPath = _context6[1].setPath;
@@ -958,7 +962,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 _renderHook26 = (0, _react.renderHook)(function () {
+      var _renderHook24 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               path: onPathChange,
@@ -966,10 +970,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook26.result;
+        result = _renderHook24.result;
       var cores = result.current;
-      var _cores13 = (0, _slicedToArray2["default"])(cores, 2),
-        setPath = _cores13[1].setPath;
+      var _cores11 = (0, _slicedToArray2["default"])(cores, 2),
+        setPath = _cores11[1].setPath;
       (0, _globals.expect)(onPathChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setPath(PATH_1);
@@ -991,19 +995,19 @@ 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 _renderHook25 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               path: onPathChange
             }
           });
         }),
-        result = _renderHook27.result;
+        result = _renderHook25.result;
       var cores = result.current;
-      var _cores14 = (0, _slicedToArray2["default"])(cores, 2),
-        _cores14$ = _cores14[1],
-        setPath = _cores14$.setPath,
-        setEntity = _cores14$.setEntity;
+      var _cores12 = (0, _slicedToArray2["default"])(cores, 2),
+        _cores12$ = _cores12[1],
+        setPath = _cores12$.setPath,
+        setEntity = _cores12$.setEntity;
       (0, _globals.expect)(onPathChange1).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setPath(PATH_1);
@@ -1046,7 +1050,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var initialData = {};
       var onExtChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook28 = (0, _react.renderHook)(function () {
+      var _renderHook26 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'list.ext': onExtChange,
@@ -1054,10 +1058,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook28.result;
+        result = _renderHook26.result;
       var cores = result.current;
-      var _cores15 = (0, _slicedToArray2["default"])(cores, 2),
-        setEntity = _cores15[1].setEntity;
+      var _cores13 = (0, _slicedToArray2["default"])(cores, 2),
+        setEntity = _cores13[1].setEntity;
       (0, _react.act)(function () {
         setEntity({
           list: [defaultFile]
@@ -1342,7 +1346,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var lengthUseCase = function lengthUseCase() {
         return (0, _usecases.entityUseCase)();
       };
-      var _renderHook29 = (0, _react.renderHook)(function () {
+      var _renderHook27 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)([], lengthUseCase, {
             watch: {
               length: onEntityLengthChange,
@@ -1350,10 +1354,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook29.result;
+        result = _renderHook27.result;
       var cores = result.current;
-      var _cores16 = (0, _slicedToArray2["default"])(cores, 2),
-        setEntity = _cores16[1].setEntity;
+      var _cores14 = (0, _slicedToArray2["default"])(cores, 2),
+        setEntity = _cores14[1].setEntity;
       (0, _globals.expect)(onEntityLengthChange).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onListLengthChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -1385,17 +1389,17 @@ 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 _renderHook30 = (0, _react.renderHook)(function () {
+      var _renderHook28 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'nestedList.size': onChange
             }
           });
         }),
-        result = _renderHook30.result;
+        result = _renderHook28.result;
       var cores = result.current;
-      var _cores17 = (0, _slicedToArray2["default"])(cores, 2),
-        setEntity = _cores17[1].setEntity;
+      var _cores15 = (0, _slicedToArray2["default"])(cores, 2),
+        setEntity = _cores15[1].setEntity;
       (0, _globals.expect)(onChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setEntity({
@@ -1480,7 +1484,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 _renderHook29 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'obj.file.ext': onExtChange,
@@ -1488,10 +1492,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook31.result;
+        result = _renderHook29.result;
       var cores = result.current;
-      var _cores18 = (0, _slicedToArray2["default"])(cores, 2),
-        setEntity = _cores18[1].setEntity;
+      var _cores16 = (0, _slicedToArray2["default"])(cores, 2),
+        setEntity = _cores16[1].setEntity;
       (0, _globals.expect)(onExtChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setEntity({
@@ -1552,15 +1556,15 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _usecases.entityUseCase)();
       };
       var TestChildComponent = function TestChildComponent() {
-        var _useUseCase12 = (0, _.useUseCase)(numberUseCase),
+        var _useUseCase10 = (0, _.useUseCase)(numberUseCase),
+          _useUseCase11 = (0, _slicedToArray2["default"])(_useUseCase10, 1),
+          numberValue = _useUseCase11[0];
+        var _useUseCase12 = (0, _.useUseCase)(stringUseCase),
           _useUseCase13 = (0, _slicedToArray2["default"])(_useUseCase12, 1),
-          numberValue = _useUseCase13[0];
-        var _useUseCase14 = (0, _.useUseCase)(stringUseCase),
+          stringValue = _useUseCase13[0];
+        var _useUseCase14 = (0, _.useUseCase)(booleanUseCase),
           _useUseCase15 = (0, _slicedToArray2["default"])(_useUseCase14, 1),
-          stringValue = _useUseCase15[0];
-        var _useUseCase16 = (0, _.useUseCase)(booleanUseCase),
-          _useUseCase17 = (0, _slicedToArray2["default"])(_useUseCase16, 1),
-          booleanValue = _useUseCase17[0];
+          booleanValue = _useUseCase15[0];
         (0, _ahooks.useMount)(function () {
           onNumberMount(numberValue);
           onStringMount(stringValue);
@@ -1569,15 +1573,15 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return null;
       };
       var TestParentComponent = function TestParentComponent() {
-        var _useUseCase18 = (0, _.useUseCase)(11, numberUseCase),
+        var _useUseCase16 = (0, _.useUseCase)(11, numberUseCase),
+          _useUseCase17 = (0, _slicedToArray2["default"])(_useUseCase16, 3),
+          NumberProvider = _useUseCase17[2];
+        var _useUseCase18 = (0, _.useUseCase)('hello', stringUseCase),
           _useUseCase19 = (0, _slicedToArray2["default"])(_useUseCase18, 3),
-          NumberProvider = _useUseCase19[2];
-        var _useUseCase20 = (0, _.useUseCase)('hello', stringUseCase),
+          StringProvider = _useUseCase19[2];
+        var _useUseCase20 = (0, _.useUseCase)(true, booleanUseCase),
           _useUseCase21 = (0, _slicedToArray2["default"])(_useUseCase20, 3),
-          StringProvider = _useUseCase21[2];
-        var _useUseCase22 = (0, _.useUseCase)(true, booleanUseCase),
-          _useUseCase23 = (0, _slicedToArray2["default"])(_useUseCase22, 3),
-          BooleanProvider = _useUseCase23[2];
+          BooleanProvider = _useUseCase21[2];
         return (0, _jsxRuntime.jsx)(NumberProvider, {
           "with": [StringProvider, BooleanProvider],
           children: (0, _jsxRuntime.jsx)(TestChildComponent, {})
@@ -1609,12 +1613,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           })
         })
       }));
-      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
+      _dom.fireEvent.click(_dom.screen.getByText(PARENT_BUTTON_TEXT));
       (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onParentUpdate).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onChildUpdate).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onPathChange).toHaveBeenCalledWith(PATH_1);
-      _react.fireEvent.click(_react.screen.getByText(CHILD_BUTTON_TEXT));
+      _dom.fireEvent.click(_dom.screen.getByText(CHILD_BUTTON_TEXT));
       (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onParentUpdate).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(onChildUpdate).toHaveBeenCalledTimes(2);
@@ -1628,9 +1632,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var B = function B() {
-        var _useUseCase24 = (0, _.useUseCase)(defaultFile, mockUseCase),
-          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 3),
-          Provider = _useUseCase25[2];
+        var _useUseCase22 = (0, _.useUseCase)(defaultFile, mockUseCase),
+          _useUseCase23 = (0, _slicedToArray2["default"])(_useUseCase22, 3),
+          Provider = _useUseCase23[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1650,9 +1654,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase26 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 2),
-          add = _useUseCase27[1].add;
+        var _useUseCase24 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 2),
+          add = _useUseCase25[1].add;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -1664,9 +1668,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase28 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 3),
-          Provider = _useUseCase29[2];
+        var _useUseCase26 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 3),
+          Provider = _useUseCase27[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1675,7 +1679,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(addReducer).toHaveBeenCalledWith('', 'x');
       (0, _globals.expect)(addReducer).toHaveReturnedWith('x');
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
     });
     (0, _globals.test)('reducer call should not be cached if component is not at rendering phase in child components', function () {
@@ -1690,9 +1694,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase30 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 2),
-          add = _useUseCase31[1].add;
+        var _useUseCase28 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 2),
+          add = _useUseCase29[1].add;
         var onClick = function onClick() {
           add('x');
         };
@@ -1706,9 +1710,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase32 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 3),
-          Provider = _useUseCase33[2];
+        var _useUseCase30 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 3),
+          Provider = _useUseCase31[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1717,7 +1721,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(1, '', 'x');
       (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(2, '', 'x');
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
       (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(3, '', 'x');
     });
@@ -1736,11 +1740,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase34 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 2),
-          _useUseCase35$ = _useUseCase35[1],
-          add = _useUseCase35$.add,
-          setEntity = _useUseCase35$.setEntity;
+        var _useUseCase32 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 2),
+          _useUseCase33$ = _useUseCase33[1],
+          add = _useUseCase33$.add,
+          setEntity = _useUseCase33$.setEntity;
         var update = (0, _ahooks.useUpdate)();
         add(addedText);
         var onSet = function onSet() {
@@ -1760,9 +1764,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 _useUseCase34 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 3),
+          Provider = _useUseCase35[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1770,16 +1774,16 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(addReducer).toHaveBeenCalledWith('', 'x');
-      _react.fireEvent.click(_react.screen.getByText(setButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(setButtonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(addReducer).toHaveBeenCalledWith('0', 'x');
       (0, _globals.expect)(addReducer).toHaveReturnedWith('0x');
       addedText = 'y';
-      _react.fireEvent.click(_react.screen.getByText(updateButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(updateButtonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
       (0, _globals.expect)(addReducer).toHaveBeenCalledWith('0', 'y');
       (0, _globals.expect)(addReducer).toHaveReturnedWith('0y');
-      _react.fireEvent.click(_react.screen.getByText(updateButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(updateButtonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
     });
     (0, _globals.test)('`options.onChange` event should be trigger in orders', function () {
@@ -1807,12 +1811,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase38 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase36 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChangeC
           }),
-          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 3),
-          setPath = _useUseCase39[1].setPath,
-          Provider = _useUseCase39[2];
+          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 3),
+          setPath = _useUseCase37[1].setPath,
+          Provider = _useUseCase37[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -1827,7 +1831,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       };
       (0, _react.render)((0, _jsxRuntime.jsx)(C, {}));
       (0, _globals.expect)(changeTimes).toBe(0);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(onChangeA).toHaveReturnedWith(2);
       (0, _globals.expect)(onChangeB).toHaveReturnedWith(3);
       (0, _globals.expect)(onChangeC).toHaveReturnedWith(1);
@@ -1839,11 +1843,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase40 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase38 = (0, _.useUseCase)(fileUseCase, {
             onChange: onChange
           }),
-          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 2),
-          setPath = _useUseCase41[1].setPath;
+          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 2),
+          setPath = _useUseCase39[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onChange = onSecondChange;
@@ -1862,19 +1866,19 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase42 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 3),
-          Provider = _useUseCase43[2];
+        var _useUseCase40 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 3),
+          Provider = _useUseCase41[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
       };
       (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
       (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(firstButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(firstButtonText));
       (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(secondButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(secondButtonText));
       (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondChange).toHaveBeenLastCalledWith(defaultFile, _objectSpread(_objectSpread({}, defaultFile), {}, {
@@ -1886,13 +1890,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onExtChange = _globals.jest.fn();
       var firstButtonText = 'first button';
       var A = function A() {
-        var _useUseCase44 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase42 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 2),
-          setPath = _useUseCase45[1].setPath;
+          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 2),
+          setPath = _useUseCase43[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -1902,16 +1906,16 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase46 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
-          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 3),
-          Provider = _useUseCase47[2];
+        var _useUseCase44 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
+          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 3),
+          Provider = _useUseCase45[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
       };
       (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
       (0, _globals.expect)(onExtChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(firstButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(firstButtonText));
       (0, _globals.expect)(onExtChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onExtChange).toHaveBeenLastCalledWith({
         fieldPaths: ['ext'],
@@ -1954,14 +1958,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase48 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase46 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               ext: onChangeC
             }
           }),
-          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 3),
-          setPath = _useUseCase49[1].setPath,
-          Provider = _useUseCase49[2];
+          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 3),
+          setPath = _useUseCase47[1].setPath,
+          Provider = _useUseCase47[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -1976,7 +1980,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       };
       (0, _react.render)((0, _jsxRuntime.jsx)(C, {}));
       (0, _globals.expect)(changeTimes).toBe(0);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(onChangeA).toHaveReturnedWith(2);
       (0, _globals.expect)(onChangeB).toHaveReturnedWith(3);
       (0, _globals.expect)(onChangeC).toHaveReturnedWith(1);
@@ -1988,13 +1992,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase50 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase48 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 2),
-          setPath = _useUseCase51[1].setPath;
+          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 2),
+          setPath = _useUseCase49[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onExtChange = onSecondExtChange;
@@ -2013,19 +2017,19 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase52 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 3),
-          Provider = _useUseCase53[2];
+        var _useUseCase50 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 3),
+          Provider = _useUseCase51[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
       };
       (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
       (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(firstButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(firstButtonText));
       (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondExtChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(secondButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(secondButtonText));
       (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondExtChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondExtChange).toHaveBeenLastCalledWith({
@@ -2042,38 +2046,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 _renderHook32 = (0, _react.renderHook)(function () {
+      var _renderHook30 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook32.result;
+        result = _renderHook30.result;
       var reducers = result.current;
       (0, _globals.expect)(Array.isArray(reducers)).toBe(false);
     });
     (0, _globals.test)('returned reducer should work', function () {
-      var _renderHook33 = (0, _react.renderHook)(function () {
+      var _renderHook31 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook33.result;
+        result = _renderHook31.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 _renderHook34 = (0, _react.renderHook)(function () {
+      var _renderHook32 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase);
         }),
-        rerender = _renderHook34.rerender;
+        rerender = _renderHook32.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 _renderHook35 = (0, _react.renderHook)(function () {
+      var _renderHook33 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [1, 'x']);
         }),
-        rerender = _renderHook35.rerender;
+        rerender = _renderHook33.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
@@ -2081,10 +2085,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 _renderHook36 = (0, _react.renderHook)(function () {
+      var _renderHook34 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [i++, 'x']);
         }),
-        rerender = _renderHook36.rerender;
+        rerender = _renderHook34.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(2);
@@ -2092,8 +2096,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 _useUseCase54 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase54.subtraction;
+        var _useUseCase52 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase52.subtraction;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -2108,16 +2112,16 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 3);
       (0, _globals.expect)(subtractionReducer).toHaveReturnedWith(2);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(3);
     });
     (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 _useUseCase55 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase55.subtraction;
+        var _useUseCase53 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase53.subtraction;
         var onClick = function onClick() {
           subtraction(5, 3);
         };
@@ -2136,7 +2140,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(1, 2);
       (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(2, 5, 3);
       (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(2, 2);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(3);
       (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(3, 5, 3);
       (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(3, 2);
@@ -2145,8 +2149,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var count = 0;
       var buttonText = 'button';
       var StringUseCaseTestComponent = function StringUseCaseTestComponent() {
-        var _useUseCase56 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase56.subtraction;
+        var _useUseCase54 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase54.subtraction;
         var update = (0, _ahooks.useUpdate)();
         subtraction(5, count++);
         var onUpdate = function onUpdate() {
@@ -2162,18 +2166,18 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _react.render)((0, _jsxRuntime.jsx)(StringUseCaseTestComponent, {}));
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 0);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 1);
       (0, _globals.expect)(subtractionReducer).toHaveReturnedWith(4);
     });
     (0, _globals.test)('`options.extraValue` should be added after call `add` method', function () {
-      var _renderHook37 = (0, _react.renderHook)(function () {
+      var _renderHook35 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase, {
             extraValue: 5
           });
         }),
-        result = _renderHook37.result;
+        result = _renderHook35.result;
       var reducers = result.current;
       var add = reducers.add;
       (0, _globals.expect)(add(1, 2)).toBe(8);
@@ -2181,7 +2185,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 _renderHook38 = (0, _react.renderHook)(function () {
+      var _renderHook36 = (0, _react.renderHook)(function () {
           var _useState7 = (0, _react2.useState)(0),
             _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
             extraValue = _useState8[0],
@@ -2197,7 +2201,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook38.result;
+        result = _renderHook36.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2209,11 +2213,11 @@ 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 _renderHook39 = (0, _react.renderHook)(function () {
+      var _renderHook37 = (0, _react.renderHook)(function () {
           var _useState9 = (0, _react2.useState)(0),
-            _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-            extraValue = _useState10[0],
-            setExtraValue = _useState10[1];
+            _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+            extraValue = _useState0[0],
+            setExtraValue = _useState0[1];
           var reducers = (0, _.useUseCase)(mathUseCase, {
             extraValue: extraValue
           }, [extraValue]);
@@ -2225,7 +2229,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook39.result;
+        result = _renderHook37.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2237,11 +2241,11 @@ 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 _renderHook40 = (0, _react.renderHook)(function () {
-          var _useState11 = (0, _react2.useState)(0),
-            _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-            extraValue = _useState12[0],
-            setExtraValue = _useState12[1];
+      var _renderHook38 = (0, _react.renderHook)(function () {
+          var _useState1 = (0, _react2.useState)(0),
+            _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
+            extraValue = _useState10[0],
+            setExtraValue = _useState10[1];
           var reducers = (0, _.useUseCase)(mathUseCase, {
             extraValue: extraValue
           }, []);
@@ -2253,7 +2257,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook40.result;
+        result = _renderHook38.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2267,7 +2271,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _react.render)((0, _jsxRuntime.jsx)(MathParent, {
         onUpdate: onUpdate
       }));
-      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
+      _dom.fireEvent.click(_dom.screen.getByText(PARENT_BUTTON_TEXT));
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
     });
   });