mobx-react-use-autorun 3.1.31 → 4.0.2

package/README.md

@@ -128,31 +128,26 @@ Provide a method to generate state, the state is executed only once, and the per
         </div>
     })
 
-### Lifecycle hooks
+### Lifecycle hook with useMount
 
 useMount is a lifecycle hook that calls a function after the component is mounted.<br/>
-useUnmount is a lifecycle hook that calls a function when the component will unmount.<br/>
+It provides a subscription as a parameter, which will be unsubscribed when the component will unmount.<br/>
 
-    import { Subscription, of, tap } from 'rxjs'
+It support Strict Mode.<br/>
+Strict Mode: In the future, React will provide a feature that lets components preserve state between unmounts. To prepare for it, React 18 introduces a new development-only check to Strict Mode. React will automatically unmount and remount every component, whenever a component mounts for the first time, restoring the previous state on the second mount. If this breaks your app, consider removing Strict Mode until you can fix the components to be resilient to remounting with existing state.<br/>
+
+    import { Subscription } from 'rxjs'
     import { useMobxState, observer } from 'mobx-react-use-autorun'
-    import { useMount, useUnmount } from 'mobx-react-use-autorun'
+    import { useMount } from 'mobx-react-use-autorun'
 
     export default observer(() => {
 
-        const state = useMobxState({
-            subscription: new Subscription()
-        })
-
-        useMount(() => {
-            state.subscription.add(of(null).pipe(
-                tap(() => {
-                    console.log('component is loaded')
-                })
-            ).subscribe())
-        })
+        useMount((subscription) => {
+            console.log('component is loaded')
 
-        useUnmount(() => {
-            state.subscription.unsubscribe()
+            subscription.add(new Subscription(() => {
+                console.log("component will unmount")
+            }))
         })
 
         return null;

package/dist/cjs/index.d.ts

@@ -1,9 +1,9 @@
-import './js/mobx_config';
-import { toJS, observable, makeAutoObservable } from 'mobx';
-import { observer } from 'mobx-react-lite';
-import { useMobxEffect } from './js/useMobxEffect';
-import { useMobxState } from './js/useMobxState';
-import { useMount, useUnmount } from 'react-use';
-export { toJS, observable, observer, makeAutoObservable };
-export { useMobxState, useMobxEffect };
-export { useMount, useUnmount };
+import './js/mobx_config';
+import { toJS, observable, makeAutoObservable } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import { useMobxEffect } from './js/useMobxEffect';
+import { useMobxState } from './js/useMobxState';
+import { useMount } from './js/useMount';
+export { toJS, observable, observer, makeAutoObservable };
+export { useMobxState, useMobxEffect };
+export { useMount };

package/dist/cjs/index.js

@@ -1,18 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUnmount = exports.useMount = exports.useMobxEffect = exports.useMobxState = exports.makeAutoObservable = exports.observer = exports.observable = exports.toJS = void 0;
-require("./js/mobx_config");
-var mobx_1 = require("mobx");
-Object.defineProperty(exports, "toJS", { enumerable: true, get: function () { return mobx_1.toJS; } });
-Object.defineProperty(exports, "observable", { enumerable: true, get: function () { return mobx_1.observable; } });
-Object.defineProperty(exports, "makeAutoObservable", { enumerable: true, get: function () { return mobx_1.makeAutoObservable; } });
-var mobx_react_lite_1 = require("mobx-react-lite");
-Object.defineProperty(exports, "observer", { enumerable: true, get: function () { return mobx_react_lite_1.observer; } });
-var useMobxEffect_1 = require("./js/useMobxEffect");
-Object.defineProperty(exports, "useMobxEffect", { enumerable: true, get: function () { return useMobxEffect_1.useMobxEffect; } });
-var useMobxState_1 = require("./js/useMobxState");
-Object.defineProperty(exports, "useMobxState", { enumerable: true, get: function () { return useMobxState_1.useMobxState; } });
-var react_use_1 = require("react-use");
-Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return react_use_1.useMount; } });
-Object.defineProperty(exports, "useUnmount", { enumerable: true, get: function () { return react_use_1.useUnmount; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMount = exports.useMobxEffect = exports.useMobxState = exports.makeAutoObservable = exports.observer = exports.observable = exports.toJS = void 0;
+require("./js/mobx_config");
+var mobx_1 = require("mobx");
+Object.defineProperty(exports, "toJS", { enumerable: true, get: function () { return mobx_1.toJS; } });
+Object.defineProperty(exports, "observable", { enumerable: true, get: function () { return mobx_1.observable; } });
+Object.defineProperty(exports, "makeAutoObservable", { enumerable: true, get: function () { return mobx_1.makeAutoObservable; } });
+var mobx_react_lite_1 = require("mobx-react-lite");
+Object.defineProperty(exports, "observer", { enumerable: true, get: function () { return mobx_react_lite_1.observer; } });
+var useMobxEffect_1 = require("./js/useMobxEffect");
+Object.defineProperty(exports, "useMobxEffect", { enumerable: true, get: function () { return useMobxEffect_1.useMobxEffect; } });
+var useMobxState_1 = require("./js/useMobxState");
+Object.defineProperty(exports, "useMobxState", { enumerable: true, get: function () { return useMobxState_1.useMobxState; } });
+var useMount_1 = require("./js/useMount");
+Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return useMount_1.useMount; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.tsx"],"names":[],"mappings":";;;AAAA,4BAAyB;AACzB,6BAA4D;AAMnD,qFANA,WAAI,OAMA;AAAE,2FANA,iBAAU,OAMA;AAAY,mGANV,yBAAkB,OAMU;AALvD,mDAA2C;AAKhB,yFALlB,0BAAQ,OAKkB;AAJnC,oDAAmD;AAK5B,8FALd,6BAAa,OAKc;AAJpC,kDAAiD;AAIxC,6FAJA,2BAAY,OAIA;AAHrB,uCAAiD;AAIxC,yFAJA,oBAAQ,OAIA;AAAE,2FAJA,sBAAU,OAIA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.tsx"],"names":[],"mappings":";;;AAAA,4BAAyB;AACzB,6BAA4D;AAMnD,qFANA,WAAI,OAMA;AAAE,2FANA,iBAAU,OAMA;AAAY,mGANV,yBAAkB,OAMU;AALvD,mDAA2C;AAKhB,yFALlB,0BAAQ,OAKkB;AAJnC,oDAAmD;AAK5B,8FALd,6BAAa,OAKc;AAJpC,kDAAiD;AAIxC,6FAJA,2BAAY,OAIA;AAHrB,0CAAyC;AAIhC,yFAJA,mBAAQ,OAIA"}

package/dist/cjs/js/mobx_config.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/cjs/js/mobx_config.js

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var mobx_1 = require("mobx");
-(0, mobx_1.configure)({
-    enforceActions: 'never'
-});
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var mobx_1 = require("mobx");
+(0, mobx_1.configure)({
+    enforceActions: 'never'
+});
 //# sourceMappingURL=mobx_config.js.map

package/dist/cjs/js/useMobxEffect.d.ts

@@ -1 +1 @@
-export declare const useMobxEffect: (callback: () => void, dependencyList?: any[]) => void;
+export declare const useMobxEffect: (callback: () => void, dependencyList?: any[]) => void;

package/dist/cjs/js/useMobxEffect.js

@@ -1,32 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMobxEffect = void 0;
-var react_use_1 = require("react-use");
-var rxjs_1 = require("rxjs");
-var mobx_1 = require("mobx");
-var useMobxState_1 = require("./useMobxState");
-var react_1 = require("react");
-var useMobxEffect = function (callback, dependencyList) {
-    var state = (0, useMobxState_1.useMobxState)({
-        subscription: new rxjs_1.Subscription(),
-    }, { callback: callback });
-    var source = (0, useMobxState_1.useMobxState)({}, Object.assign({}, dependencyList));
-    (0, react_1.useEffect)(function () {
-        if (!dependencyList) {
-            callback();
-        }
-    });
-    (0, react_use_1.useMount)(function () {
-        if (dependencyList) {
-            var disposer_1 = (0, mobx_1.reaction)(function () { return [(0, mobx_1.toJS)(source)]; }, function () { return state.callback(); }, { fireImmediately: true, delay: 1 });
-            state.subscription.add(new rxjs_1.Subscription(function () {
-                disposer_1();
-            }));
-        }
-    });
-    (0, react_use_1.useUnmount)(function () {
-        state.subscription.unsubscribe();
-    });
-};
-exports.useMobxEffect = useMobxEffect;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMobxEffect = void 0;
+var useMount_1 = require("./useMount");
+var rxjs_1 = require("rxjs");
+var mobx_1 = require("mobx");
+var useMobxState_1 = require("./useMobxState");
+var react_1 = require("react");
+var useMobxEffect = function (callback, dependencyList) {
+    var state = (0, useMobxState_1.useMobxState)({}, { callback: callback });
+    var source = (0, useMobxState_1.useMobxState)({}, Object.assign({}, dependencyList));
+    (0, react_1.useEffect)(function () {
+        if (!dependencyList) {
+            callback();
+        }
+    });
+    (0, useMount_1.useMount)(function (subscription) {
+        if (dependencyList) {
+            var disposer_1 = (0, mobx_1.reaction)(function () { return [(0, mobx_1.toJS)(source)]; }, function () { return state.callback(); }, { fireImmediately: true, delay: 1 });
+            subscription.add(new rxjs_1.Subscription(function () {
+                disposer_1();
+            }));
+        }
+    });
+};
+exports.useMobxEffect = useMobxEffect;
 //# sourceMappingURL=useMobxEffect.js.map

package/dist/cjs/js/useMobxEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":";;;AAAA,uCAAiD;AACjD,6BAAoC;AACpC,6BAAqC;AACrC,+CAA8C;AAC9C,+BAAkC;AAE3B,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,KAAK,GAAG,IAAA,2BAAY,EAAC;QACzB,YAAY,EAAE,IAAI,mBAAY,EAAE;KACjC,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAEhB,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnE,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,cAAc,EAAE;YACnB,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAC,CAAA;IAEF,IAAA,oBAAQ,EAAC;QACP,IAAI,cAAc,EAAE;YAClB,IAAM,UAAQ,GAAG,IAAA,eAAQ,EAAC,cAAM,OAAA,CAAC,IAAA,WAAI,EAAC,MAAM,CAAC,CAAC,EAAd,CAAc,EAAE,cAAM,OAAA,KAAK,CAAC,QAAQ,EAAE,EAAhB,CAAgB,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAE7G,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,mBAAY,CAAC;gBACtC,UAAQ,EAAE,CAAC;YACb,CAAC,CAAC,CAAC,CAAC;SACL;IACH,CAAC,CAAC,CAAA;IAEF,IAAA,sBAAU,EAAC;QACT,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACnC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AA3BY,QAAA,aAAa,iBA2BzB"}
+{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":";;;AAAA,uCAAsC;AACtC,6BAAoC;AACpC,6BAAqC;AACrC,+CAA8C;AAC9C,+BAAkC;AAE3B,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,KAAK,GAAG,IAAA,2BAAY,EAAC,EAC1B,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAEhB,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnE,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,cAAc,EAAE;YACnB,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAC,CAAA;IAEF,IAAA,mBAAQ,EAAC,UAAC,YAAY;QACpB,IAAI,cAAc,EAAE;YAClB,IAAM,UAAQ,GAAG,IAAA,eAAQ,EAAC,cAAM,OAAA,CAAC,IAAA,WAAI,EAAC,MAAM,CAAC,CAAC,EAAd,CAAc,EAAE,cAAM,OAAA,KAAK,CAAC,QAAQ,EAAE,EAAhB,CAAgB,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAE7G,YAAY,CAAC,GAAG,CAAC,IAAI,mBAAY,CAAC;gBAChC,UAAQ,EAAE,CAAC;YACb,CAAC,CAAC,CAAC,CAAC;SACL;IACH,CAAC,CAAC,CAAA;AAEJ,CAAC,CAAA;AAvBY,QAAA,aAAa,iBAuBzB"}

package/dist/cjs/js/useMobxState.d.ts

@@ -1,2 +1,2 @@
-export declare function useMobxState<T extends Record<any, any>>(state: T | (() => T)): T;
-export declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props: P): T & P;
+export declare function useMobxState<T extends Record<any, any>>(state: T | (() => T)): T;
+export declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props: P): T & P;

package/dist/cjs/js/useMobxState.js

@@ -1,40 +1,40 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMobxState = void 0;
-var mobx_1 = require("mobx");
-var mobx_react_lite_1 = require("mobx-react-lite");
-var react_1 = require("react");
-function useMobxState(state, props) {
-    var mobxState = (0, mobx_react_lite_1.useLocalObservable)(typeof state === "function" ? state : function () { return state; });
-    var keyListOfState = (0, react_1.useRef)([]);
-    (0, mobx_1.runInAction)(function () {
-        var _a, _b;
-        var _c;
-        if (props) {
-            for (var _i = 0, _d = keyListOfState.current; _i < _d.length; _i++) {
-                var key = _d[_i];
-                if (!Object.keys(props).includes(key)) {
-                    (0, mobx_1.remove)(mobxState, key);
-                }
-            }
-            for (var key in props) {
-                if ((0, mobx_1.isObservable)(props[key]) || ((_c = Object.getOwnPropertyDescriptor(props, key)) === null || _c === void 0 ? void 0 : _c.get)) {
-                    Object.defineProperty(mobxState, key, Object.getOwnPropertyDescriptor(props, key));
-                }
-                else {
-                    if (props[key] !== mobxState[key]) {
-                        (0, mobx_1.remove)(mobxState, key);
-                        (0, mobx_1.extendObservable)(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
-                    }
-                }
-            }
-            keyListOfState.current.splice(0, keyListOfState.current.length);
-            for (var key in props) {
-                keyListOfState.current.push(key);
-            }
-        }
-    });
-    return mobxState;
-}
-exports.useMobxState = useMobxState;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMobxState = void 0;
+var mobx_1 = require("mobx");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var react_1 = require("react");
+function useMobxState(state, props) {
+    var mobxState = (0, mobx_react_lite_1.useLocalObservable)(typeof state === "function" ? state : function () { return state; });
+    var keyListOfState = (0, react_1.useRef)([]);
+    (0, mobx_1.runInAction)(function () {
+        var _a, _b;
+        var _c;
+        if (props) {
+            for (var _i = 0, _d = keyListOfState.current; _i < _d.length; _i++) {
+                var key = _d[_i];
+                if (!Object.keys(props).includes(key)) {
+                    (0, mobx_1.remove)(mobxState, key);
+                }
+            }
+            for (var key in props) {
+                if ((0, mobx_1.isObservable)(props[key]) || ((_c = Object.getOwnPropertyDescriptor(props, key)) === null || _c === void 0 ? void 0 : _c.get)) {
+                    Object.defineProperty(mobxState, key, Object.getOwnPropertyDescriptor(props, key));
+                }
+                else {
+                    if (props[key] !== mobxState[key]) {
+                        (0, mobx_1.remove)(mobxState, key);
+                        (0, mobx_1.extendObservable)(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
+                    }
+                }
+            }
+            keyListOfState.current.splice(0, keyListOfState.current.length);
+            for (var key in props) {
+                keyListOfState.current.push(key);
+            }
+        }
+    });
+    return mobxState;
+}
+exports.useMobxState = useMobxState;
 //# sourceMappingURL=useMobxState.js.map

package/dist/cjs/js/useMount.d.ts

@@ -0,0 +1,2 @@
+import { Subscription } from "rxjs";
+export declare function useMount(callback: (subscription: Subscription) => void): void;

package/dist/cjs/js/useMount.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMount = void 0;
+var react_1 = require("react");
+var rxjs_1 = require("rxjs");
+var useMobxState_1 = require("./useMobxState");
+function useMount(callback) {
+    var state = (0, useMobxState_1.useMobxState)({
+        subscription: new rxjs_1.Subscription(),
+    });
+    (0, react_1.useEffect)(function () {
+        var subscription = new rxjs_1.Subscription();
+        state.subscription = subscription;
+        return function () { return subscription.unsubscribe(); };
+    }, []);
+    (0, react_1.useEffect)(function () {
+        var subscription = new rxjs_1.Subscription();
+        state.subscription.add(subscription);
+        callback(subscription);
+        return function () { return subscription.unsubscribe(); };
+    }, []);
+}
+exports.useMount = useMount;
+//# sourceMappingURL=useMount.js.map

package/dist/cjs/js/useMount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMount.js","sourceRoot":"","sources":["../../../lib/js/useMount.tsx"],"names":[],"mappings":";;;AAAA,+BAAkC;AAClC,6BAAoC;AACpC,+CAA8C;AAE9C,SAAgB,QAAQ,CAAC,QAA8C;IAErE,IAAM,KAAK,GAAG,IAAA,2BAAY,EAAC;QACzB,YAAY,EAAE,IAAI,mBAAY,EAAE;KACjC,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG,IAAI,mBAAY,EAAE,CAAC;QACxC,KAAK,CAAC,YAAY,GAAG,YAAY,CAAC;QAClC,OAAO,cAAM,OAAA,YAAY,CAAC,WAAW,EAAE,EAA1B,CAA0B,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG,IAAI,mBAAY,EAAE,CAAC;QACxC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QACrC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,OAAO,cAAM,OAAA,YAAY,CAAC,WAAW,EAAE,EAA1B,CAA0B,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAA;AAER,CAAC;AAnBD,4BAmBC"}

package/dist/esm/index.d.ts

@@ -1,9 +1,9 @@
-import './js/mobx_config';
-import { toJS, observable, makeAutoObservable } from 'mobx';
-import { observer } from 'mobx-react-lite';
-import { useMobxEffect } from './js/useMobxEffect';
-import { useMobxState } from './js/useMobxState';
-import { useMount, useUnmount } from 'react-use';
-export { toJS, observable, observer, makeAutoObservable };
-export { useMobxState, useMobxEffect };
-export { useMount, useUnmount };
+import './js/mobx_config';
+import { toJS, observable, makeAutoObservable } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import { useMobxEffect } from './js/useMobxEffect';
+import { useMobxState } from './js/useMobxState';
+import { useMount } from './js/useMount';
+export { toJS, observable, observer, makeAutoObservable };
+export { useMobxState, useMobxEffect };
+export { useMount };

package/dist/esm/index.js

@@ -1,10 +1,10 @@
-import './js/mobx_config';
-import { toJS, observable, makeAutoObservable } from 'mobx';
-import { observer } from 'mobx-react-lite';
-import { useMobxEffect } from './js/useMobxEffect';
-import { useMobxState } from './js/useMobxState';
-import { useMount, useUnmount } from 'react-use';
-export { toJS, observable, observer, makeAutoObservable };
-export { useMobxState, useMobxEffect };
-export { useMount, useUnmount };
+import './js/mobx_config';
+import { toJS, observable, makeAutoObservable } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import { useMobxEffect } from './js/useMobxEffect';
+import { useMobxState } from './js/useMobxState';
+import { useMount } from './js/useMount';
+export { toJS, observable, observer, makeAutoObservable };
+export { useMobxState, useMobxEffect };
+export { useMount };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/js/mobx_config.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/esm/js/mobx_config.js

@@ -1,5 +1,5 @@
-import { configure } from 'mobx';
-configure({
-    enforceActions: 'never'
-});
+import { configure } from 'mobx';
+configure({
+    enforceActions: 'never'
+});
 //# sourceMappingURL=mobx_config.js.map

package/dist/esm/js/useMobxEffect.d.ts

@@ -1 +1 @@
-export declare const useMobxEffect: (callback: () => void, dependencyList?: any[]) => void;
+export declare const useMobxEffect: (callback: () => void, dependencyList?: any[]) => void;

package/dist/esm/js/useMobxEffect.js

@@ -1,28 +1,23 @@
-import { useMount, useUnmount } from 'react-use';
-import { Subscription } from 'rxjs';
-import { reaction, toJS } from 'mobx';
-import { useMobxState } from './useMobxState';
-import { useEffect } from 'react';
-export var useMobxEffect = function (callback, dependencyList) {
-    var state = useMobxState({
-        subscription: new Subscription(),
-    }, { callback: callback });
-    var source = useMobxState({}, Object.assign({}, dependencyList));
-    useEffect(function () {
-        if (!dependencyList) {
-            callback();
-        }
-    });
-    useMount(function () {
-        if (dependencyList) {
-            var disposer_1 = reaction(function () { return [toJS(source)]; }, function () { return state.callback(); }, { fireImmediately: true, delay: 1 });
-            state.subscription.add(new Subscription(function () {
-                disposer_1();
-            }));
-        }
-    });
-    useUnmount(function () {
-        state.subscription.unsubscribe();
-    });
-};
+import { useMount } from './useMount';
+import { Subscription } from 'rxjs';
+import { reaction, toJS } from 'mobx';
+import { useMobxState } from './useMobxState';
+import { useEffect } from 'react';
+export var useMobxEffect = function (callback, dependencyList) {
+    var state = useMobxState({}, { callback: callback });
+    var source = useMobxState({}, Object.assign({}, dependencyList));
+    useEffect(function () {
+        if (!dependencyList) {
+            callback();
+        }
+    });
+    useMount(function (subscription) {
+        if (dependencyList) {
+            var disposer_1 = reaction(function () { return [toJS(source)]; }, function () { return state.callback(); }, { fireImmediately: true, delay: 1 });
+            subscription.add(new Subscription(function () {
+                disposer_1();
+            }));
+        }
+    });
+};
 //# sourceMappingURL=useMobxEffect.js.map

package/dist/esm/js/useMobxEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,KAAK,GAAG,YAAY,CAAC;QACzB,YAAY,EAAE,IAAI,YAAY,EAAE;KACjC,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAEhB,IAAM,MAAM,GAAG,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnE,SAAS,CAAC;QACR,IAAI,CAAC,cAAc,EAAE;YACnB,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC;QACP,IAAI,cAAc,EAAE;YAClB,IAAM,UAAQ,GAAG,QAAQ,CAAC,cAAM,OAAA,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAd,CAAc,EAAE,cAAM,OAAA,KAAK,CAAC,QAAQ,EAAE,EAAhB,CAAgB,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAE7G,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;gBACtC,UAAQ,EAAE,CAAC;YACb,CAAC,CAAC,CAAC,CAAC;SACL;IACH,CAAC,CAAC,CAAA;IAEF,UAAU,CAAC;QACT,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACnC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,KAAK,GAAG,YAAY,CAAC,EAC1B,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAEhB,IAAM,MAAM,GAAG,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnE,SAAS,CAAC;QACR,IAAI,CAAC,cAAc,EAAE;YACnB,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC,UAAC,YAAY;QACpB,IAAI,cAAc,EAAE;YAClB,IAAM,UAAQ,GAAG,QAAQ,CAAC,cAAM,OAAA,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAd,CAAc,EAAE,cAAM,OAAA,KAAK,CAAC,QAAQ,EAAE,EAAhB,CAAgB,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAE7G,YAAY,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;gBAChC,UAAQ,EAAE,CAAC;YACb,CAAC,CAAC,CAAC,CAAC;SACL;IACH,CAAC,CAAC,CAAA;AAEJ,CAAC,CAAA"}

package/dist/esm/js/useMobxState.d.ts

@@ -1,2 +1,2 @@
-export declare function useMobxState<T extends Record<any, any>>(state: T | (() => T)): T;
-export declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props: P): T & P;
+export declare function useMobxState<T extends Record<any, any>>(state: T | (() => T)): T;
+export declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props: P): T & P;

package/dist/esm/js/useMobxState.js

@@ -1,36 +1,36 @@
-import { extendObservable, remove, isObservable, runInAction } from 'mobx';
-import { useLocalObservable } from 'mobx-react-lite';
-import { useRef } from 'react';
-export function useMobxState(state, props) {
-    var mobxState = useLocalObservable(typeof state === "function" ? state : function () { return state; });
-    var keyListOfState = useRef([]);
-    runInAction(function () {
-        var _a, _b;
-        var _c;
-        if (props) {
-            for (var _i = 0, _d = keyListOfState.current; _i < _d.length; _i++) {
-                var key = _d[_i];
-                if (!Object.keys(props).includes(key)) {
-                    remove(mobxState, key);
-                }
-            }
-            for (var key in props) {
-                if (isObservable(props[key]) || ((_c = Object.getOwnPropertyDescriptor(props, key)) === null || _c === void 0 ? void 0 : _c.get)) {
-                    Object.defineProperty(mobxState, key, Object.getOwnPropertyDescriptor(props, key));
-                }
-                else {
-                    if (props[key] !== mobxState[key]) {
-                        remove(mobxState, key);
-                        extendObservable(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
-                    }
-                }
-            }
-            keyListOfState.current.splice(0, keyListOfState.current.length);
-            for (var key in props) {
-                keyListOfState.current.push(key);
-            }
-        }
-    });
-    return mobxState;
-}
+import { extendObservable, remove, isObservable, runInAction } from 'mobx';
+import { useLocalObservable } from 'mobx-react-lite';
+import { useRef } from 'react';
+export function useMobxState(state, props) {
+    var mobxState = useLocalObservable(typeof state === "function" ? state : function () { return state; });
+    var keyListOfState = useRef([]);
+    runInAction(function () {
+        var _a, _b;
+        var _c;
+        if (props) {
+            for (var _i = 0, _d = keyListOfState.current; _i < _d.length; _i++) {
+                var key = _d[_i];
+                if (!Object.keys(props).includes(key)) {
+                    remove(mobxState, key);
+                }
+            }
+            for (var key in props) {
+                if (isObservable(props[key]) || ((_c = Object.getOwnPropertyDescriptor(props, key)) === null || _c === void 0 ? void 0 : _c.get)) {
+                    Object.defineProperty(mobxState, key, Object.getOwnPropertyDescriptor(props, key));
+                }
+                else {
+                    if (props[key] !== mobxState[key]) {
+                        remove(mobxState, key);
+                        extendObservable(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
+                    }
+                }
+            }
+            keyListOfState.current.splice(0, keyListOfState.current.length);
+            for (var key in props) {
+                keyListOfState.current.push(key);
+            }
+        }
+    });
+    return mobxState;
+}
 //# sourceMappingURL=useMobxState.js.map

package/dist/esm/js/useMount.d.ts

@@ -0,0 +1,2 @@
+import { Subscription } from "rxjs";
+export declare function useMount(callback: (subscription: Subscription) => void): void;

package/dist/esm/js/useMount.js

@@ -0,0 +1,20 @@
+import { useEffect } from "react";
+import { Subscription } from "rxjs";
+import { useMobxState } from "./useMobxState";
+export function useMount(callback) {
+    var state = useMobxState({
+        subscription: new Subscription(),
+    });
+    useEffect(function () {
+        var subscription = new Subscription();
+        state.subscription = subscription;
+        return function () { return subscription.unsubscribe(); };
+    }, []);
+    useEffect(function () {
+        var subscription = new Subscription();
+        state.subscription.add(subscription);
+        callback(subscription);
+        return function () { return subscription.unsubscribe(); };
+    }, []);
+}
+//# sourceMappingURL=useMount.js.map

package/dist/esm/js/useMount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMount.js","sourceRoot":"","sources":["../../../lib/js/useMount.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,UAAU,QAAQ,CAAC,QAA8C;IAErE,IAAM,KAAK,GAAG,YAAY,CAAC;QACzB,YAAY,EAAE,IAAI,YAAY,EAAE;KACjC,CAAC,CAAC;IAEH,SAAS,CAAC;QACR,IAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QACxC,KAAK,CAAC,YAAY,GAAG,YAAY,CAAC;QAClC,OAAO,cAAM,OAAA,YAAY,CAAC,WAAW,EAAE,EAA1B,CAA0B,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC;QACR,IAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QACxC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QACrC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,OAAO,cAAM,OAAA,YAAY,CAAC,WAAW,EAAE,EAA1B,CAA0B,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAA;AAER,CAAC"}

package/lib/index.tsx

@@ -3,8 +3,8 @@ import { toJS, observable, makeAutoObservable } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { useMobxEffect } from './js/useMobxEffect';
 import { useMobxState } from './js/useMobxState';
-import { useMount, useUnmount } from 'react-use';
+import { useMount } from './js/useMount';
 
 export { toJS, observable, observer, makeAutoObservable }
 export { useMobxState, useMobxEffect }
-export { useMount, useUnmount }
+export { useMount }

package/lib/js/useMobxEffect.tsx

@@ -1,4 +1,4 @@
-import { useMount, useUnmount } from 'react-use';
+import { useMount } from './useMount';
 import { Subscription } from 'rxjs';
 import { reaction, toJS } from 'mobx'
 import { useMobxState } from './useMobxState';
@@ -7,7 +7,6 @@ import { useEffect } from 'react';
 export const useMobxEffect = (callback: () => void, dependencyList?: any[]): void => {
 
   const state = useMobxState({
-    subscription: new Subscription(),
   }, { callback })
 
   const source = useMobxState({}, Object.assign({}, dependencyList));
@@ -18,17 +17,14 @@ export const useMobxEffect = (callback: () => void, dependencyList?: any[]): voi
     }
   })
 
-  useMount(() => {
+  useMount((subscription) => {
     if (dependencyList) {
       const disposer = reaction(() => [toJS(source)], () => state.callback(), { fireImmediately: true, delay: 1 });
 
-      state.subscription.add(new Subscription(() => {
+      subscription.add(new Subscription(() => {
         disposer();
       }));
     }
   })
 
-  useUnmount(() => {
-    state.subscription.unsubscribe();
-  })
 }

package/lib/js/useMount.tsx

@@ -0,0 +1,24 @@
+import { useEffect } from "react";
+import { Subscription } from "rxjs";
+import { useMobxState } from "./useMobxState";
+
+export function useMount(callback: (subscription: Subscription) => void) {
+
+  const state = useMobxState({
+    subscription: new Subscription(),
+  });
+
+  useEffect(() => {
+    const subscription = new Subscription();
+    state.subscription = subscription;
+    return () => subscription.unsubscribe();
+  }, [])
+
+  useEffect(() => {
+    const subscription = new Subscription();
+    state.subscription.add(subscription);
+    callback(subscription);
+    return () => subscription.unsubscribe();
+  }, [])
+
+}

package/package.json

@@ -1 +1 @@
-{"name":"mobx-react-use-autorun","version":"3.1.31","description":"Provide concise usage for mobx in react","scripts":{"test":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_test.ts","build":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_build.ts","make":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_make.ts"},"dependencies":{"mobx":"6.9.0","mobx-react-lite":"3.4.3","react-use":"17.4.0","rxjs":"7.8.1"},"peerDependencies":{"react":">=16.8.0"},"license":"MIT","keywords":["react","mobx","typescript","hooks"],"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","es2015":"./dist/esm/index.js","types":"./dist/cjs/index.d.ts","eslintConfig":{"extends":["react-app","react-app/jest"]},"exports":{".":{"types":"./dist/cjs/index.d.ts","node":"./dist/cjs/index.js","require":"./dist/cjs/index.js","es2015":"./dist/esm/index.js","default":"./dist/esm/index.js"}},"homepage":"https://github.com/zdu-strong/mobx-react-use-autorun#readme","repository":{"type":"git","url":"git+https://github.com/zdu-strong/mobx-react-use-autorun.git"},"files":["lib","dist"],"bugs":{"url":"https://github.com/zdu-strong/mobx-react-use-autorun/issues"},"publishConfig":{"registry":"https://registry.npmjs.org/"}}
+{"name":"mobx-react-use-autorun","version":"4.0.2","description":"Provide concise usage for mobx in react","scripts":{"test":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_test.ts","build":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_build.ts","make":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_make.ts"},"dependencies":{"mobx":"6.9.0","mobx-react-lite":"3.4.3","rxjs":"7.8.1"},"peerDependencies":{"react":">=16.8.0"},"license":"MIT","keywords":["react","mobx","typescript","hooks"],"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","es2015":"./dist/esm/index.js","types":"./dist/cjs/index.d.ts","eslintConfig":{"extends":["react-app","react-app/jest"]},"exports":{".":{"types":"./dist/cjs/index.d.ts","node":"./dist/cjs/index.js","require":"./dist/cjs/index.js","es2015":"./dist/esm/index.js","default":"./dist/esm/index.js"}},"homepage":"https://github.com/zdu-strong/mobx-react-use-autorun#readme","repository":{"type":"git","url":"git+https://github.com/zdu-strong/mobx-react-use-autorun.git"},"files":["lib","dist"],"bugs":{"url":"https://github.com/zdu-strong/mobx-react-use-autorun/issues"},"publishConfig":{"registry":"https://registry.npmjs.org/"}}