解决The above error occurred in th

最近把项目引入的React包从CDN改成npm，在这个过程中出现了类似
The above error occurred in the <span> component/The above error occurred in the <div> component，报错截图如下

一直苦思不得其解，最后目光移到了报错的最后一行

React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.

React 既然在这里推荐我们使用 ErrorBoundary 处理报错那就试试吧，然后在组件内部加了如下代码用来输出报错信息

componentDidCatch(error, errorInfo) {
    console.log('==============',error,errorInfo);
}

保存后，console 里出现了如下信息，看来是和 mobx 有关

通过这个报错信息Error: [mobx] Dynamic observable objects cannot be frozen查到了一条mobx 的 issue。

issue 中的解释说 可观察的数据不可用于渲染列表，并给出了解决方案：使用 toJS 将其转换为 js 类型数据