mobx-react-use-autorun 3.0.32 → 3.0.34

package/README.md

@@ -114,7 +114,8 @@ is easy to use, you can define state and third-party hooks.<br/>
 
 ## Notes - Subscription property changes with useMobxEffect
 
-    import { useMobxState, observer, useMobxEffect, toJS } from 'mobx-react-use-autorun';
+    import { useMobxState, observer } from 'mobx-react-use-autorun';
+    import { useMobxEffect, toJS } from 'mobx-react-use-autorun'
 
     export default observer(() => {
 
@@ -149,7 +150,8 @@ toJS will cause data to be used, please do not execute toJS(state) in component
 
 Other than that, all usages are correct. Example:<br/>
 
-    import { toJS, useMobxEffect, observer, useMobxState } from 'mobx-react-use-autorun';
+    import { toJS, useMobxEffect } from 'mobx-react-use-autorun';
+    import { observer, useMobxState } from 'mobx-react-use-autorun';
     import { v1 } from 'uuid'
 
     export default observer(() => {
@@ -171,7 +173,14 @@ Other than that, all usages are correct. Example:<br/>
 
     import { observable } from 'mobx-react-use-autorun';
 
-    const state = observable({});
+    export const globalState = observable({
+        age: 15
+        name: 'tom'
+    });
+
+    export async function setName(name: string){
+        globalState.name = name
+    }
 
 ## Introduction to third-party hooks
 
@@ -180,22 +189,27 @@ useUnmount is executed when the component is unmount.<br/>
 
     import { useMount, useUnmount } from 'react-use'
     import { Subscription, of, tap } from 'rxjs'
-    import { useMobxState } from 'mobx-react-use-autorun'
+    import { useMobxState, observer } from 'mobx-react-use-autorun'
 
-    const state = useMobxState({
-        subscription: new Subscription()
-    })
+    export default observer(() => {
 
-    useMount(() => {
-        state.subscription.add(of(null).pipe(
-            tap(() => {
-                console.log('component is loaded')
-            })
-        ).subscribe())
-    })
+        const state = useMobxState({
+            subscription: new Subscription()
+        })
+
+        useMount(() => {
+            state.subscription.add(of(null).pipe(
+                tap(() => {
+                    console.log('component is loaded')
+                })
+            ).subscribe())
+        })
 
-    useUnmount(() => {
-        state.subscription.unsubscribe()
+        useUnmount(() => {
+            state.subscription.unsubscribe()
+        })
+
+        return null;
     })
 
 ## Learn More

package/package.json

@@ -1 +1 @@
-{"name":"mobx-react-use-autorun","version":"3.0.32","description":"React Hook for mobx","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.5.0","mobx-react-lite":">=3.3.0","react-use":">=17.3.2","rxjs":">=6.0.0"},"peerDependencies":{"react":">=16.8.0"},"license":"MIT","keywords":["react","mobx","typescript"],"main":"./dist/index.js","types":"./dist/index.d.ts","eslintConfig":{"extends":["react-app","react-app/jest"]},"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":"3.0.34","description":"React Hook for mobx","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.5.0","mobx-react-lite":">=3.3.0","react-use":">=17.3.2","rxjs":">=6.0.0"},"peerDependencies":{"react":">=16.8.0"},"license":"MIT","keywords":["react","mobx","typescript"],"main":"./dist/index.js","types":"./dist/index.d.ts","eslintConfig":{"extends":["react-app","react-app/jest"]},"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/"}}