Mobx CreateViewModel错误对象不是一个函数

Question

我试图在Mobx/React应用程序中使用mobx-utils中的createViewModel。

我的商店是：

export class CompanyStore extends StoreExt {   
   @observable
   companyDetails: ICompanyDetails = {}
}

当我在组件中使用'createViewModel‘函数时，如下所示：

function CompanyDetails() {
   const { companyStore } = useRootStore()
   const test = createViewModel(companyStore.companyDetails);
}

我得到了这个错误：

Uncaught TypeError: Object(...) is not a function
at new ViewModel (mobx-utils.module.js?1a9d:629)
at createViewModel (mobx-utils.module.js?1a9d:775)
at CompanyDetails (index.tsx?dbb5:21)
at eval (observer.js?796d:24)
at eval (useObserver.js?338c:91)
at trackDerivedFunction (mobx.es6.js?cacc:668)
at Reaction.track (mobx.es6.js?cacc:1705)
at eval (useObserver.js?338c:89)
at useQueuedForceUpdateBlock (useQueuedForceUpdate.js?20c5:19)
at useObserver (useObserver.js?338c:83)

原因是什么？

Answer 1

问题是Mobx和mobx-utils包之间不兼容。通过将它们与同一版本相匹配，这个问题得到了解决。