#: Upgrade version to 4.0.36-beta

lib/js/useMobxState.tsx

@@ -1,12 +1,12 @@
-import { remove, runInAction, observable } from 'mobx';
+import { remove, runInAction, makeAutoObservable } from 'mobx';
 import { useRef, useState } from 'react';
 
 export function useMobxState<T extends Record<any, any>>(state: T | (() => T)): T;
 export function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props: P): T & P;
 
 export function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props?: P): T & P {
   const initStateFunction = typeof state === "function" ? (state as any) : () => state;
-  const mobxState = useState(() => observable(initStateFunction(), undefined, { autoBind: true, proxy: false }))[0] as Record<string, any>;
+  const mobxState = useState(() => makeAutoObservable(initStateFunction()))[0] as Record<string, any>;
 
   const keyListOfState = useRef<string[]>([]);
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobx-react-use-autorun",
-  "version": "4.0.35",
+  "version": "4.0.36-beta",
   "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",