mobx-react-use-autorun 4.0.68 → 4.0.71-beta

package/README.md

@@ -96,6 +96,32 @@ More example - Use props and other hooks:<br/>
 
     })
 
+More example - Avoid the closure trap of props:<br/>
+
+    import { observer, useMobxState } from 'mobx-react-use-autorun';
+
+
+    export default observer((props: {
+        age: number,
+        setAge: (age: number) => Promise<void>
+    }) => {
+
+        const state = useMobxState({
+        }, {
+            ...props,
+        });
+
+        return <div
+            onClick={async () => {
+                console.log(`Value before addition ${state.age}`);
+                await state.setAge(state.age + 1);
+                console.log(`Value after addition ${state.age}`);
+            }}
+        >
+            {`Tom's age is ${state.age}.`}
+        </div>
+    })
+
 ### Lifecycle hook with useMount
 
 useMount is a lifecycle hook that calls a function after the component is mounted.<br/>
@@ -288,7 +314,7 @@ This project was bootstrapped with [Create React App](https://github.com/faceboo
 
 ## Development environment setup
 1. From https://code.visualstudio.com install Visual Studio Code.<br/>
-2. From https://nodejs.org install nodejs v22.<br/>
+2. From https://nodejs.org install nodejs v24.<br/>
 
 ## Available Scripts
 

package/dist/cjs/index.d.ts

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

package/dist/cjs/index.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMount = exports.useMobxEffect = exports.useMobxState = exports.makeObservable = exports.makeAutoObservable = exports.observer = exports.observable = exports.toJS = void 0;
+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; } });
-Object.defineProperty(exports, "makeObservable", { enumerable: true, get: function () { return mobx_1.makeObservable; } });
 var mobx_react_1 = require("mobx-react");
 Object.defineProperty(exports, "observer", { enumerable: true, get: function () { return mobx_react_1.observer; } });
 var useMobxEffect_1 = require("./js/useMobxEffect");

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.tsx"],"names":[],"mappings":";;;AAAA,4BAAyB;AACzB,6BAA4E;AAMnE,qFANA,WAAI,OAMA;AAAE,2FANA,iBAAU,OAMA;AAAY,mGANV,yBAAkB,OAMU;AAAE,+FANV,qBAAc,OAMU;AALvE,yCAAsC;AAKX,yFALlB,qBAAQ,OAKkB;AAJnC,oDAAmD;AAK5B,8FALd,6BAAa,OAKc;AAJpC,kDAAiD;AAIxC,6FAJA,2BAAY,OAIA;AAHrB,0CAAyC;AAIhC,yFAJA,mBAAQ,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,yCAAsC;AAKX,yFALlB,qBAAQ,OAKkB;AAJnC,oDAAmD;AAK5B,8FALd,6BAAa,OAKc;AAJpC,kDAAiD;AAIxC,6FAJA,2BAAY,OAIA;AAHrB,0CAAyC;AAIhC,yFAJA,mBAAQ,OAIA"}

package/dist/esm/index.d.ts

@@ -1,9 +1,9 @@
 import './js/mobx_config';
-import { toJS, observable, makeAutoObservable, makeObservable } from 'mobx';
+import { toJS, observable, makeAutoObservable } from 'mobx';
 import { observer } from 'mobx-react';
 import { useMobxEffect } from './js/useMobxEffect';
 import { useMobxState } from './js/useMobxState';
 import { useMount } from './js/useMount';
-export { toJS, observable, observer, makeAutoObservable, makeObservable };
+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, makeObservable } from 'mobx';
+import { toJS, observable, makeAutoObservable } from 'mobx';
 import { observer } from 'mobx-react';
 import { useMobxEffect } from './js/useMobxEffect';
 import { useMobxState } from './js/useMobxState';
 import { useMount } from './js/useMount';
-export { toJS, observable, observer, makeAutoObservable, makeObservable };
+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,cAAc,EAAE,MAAM,MAAM,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,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,cAAc,EAAE,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA;AACtC,OAAO,EAAE,QAAQ,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,YAAY,CAAC;AACtC,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/lib/index.tsx

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mobx-react-use-autorun",
-    "version": "4.0.68",
+    "version": "4.0.71-beta",
     "description": "Provide concise usage for mobx in react",
     "scripts": {
         "test": "node bin/mobx_react_test.js",