mobx-react-use-autorun 3.0.33 → 3.0.35

package/README.md

@@ -103,12 +103,15 @@ useMobxState provides two usages.<br/>
 
 is easy to use, you can define state and third-party hooks.<br/>
 
-    useMobxState(()=>({
+    useMobxState(() => ({
         get (){
             return state.name
         },
         name: string = 'tom',
-    }),{})
+    }),{
+        ...props,
+        intl: useIntl(),
+    })
 
  provides advanced usage, the state is executed only once, and the performance is better. At the same time, you can use the get computed property to recalculate when the computed value changes.<br/>
 
@@ -173,7 +176,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
 
@@ -182,22 +192,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.33","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.35","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/"}}