reactjs mobx不带装饰程序不工作

我正在尝试将

mobx

与

react

合并。由于我使用

createreact-app

生成了我的应用程序，所以我不能使用mobx提供的装饰器

根据本文档，我们可以在没有装饰器的情况下使用mobx：

下面是我创建的一个组件：

import React, { Component } from 'react';
import observer from 'mobx-react';

export const TestComponent = observer(class TestComponent extends Component {

  render() {
     return <div>Just a test component!</div>
  }

});

import React，{Component}来自'React'；
从“mobx react”导入观察者；
export const TestComponent=observer（类TestComponent扩展组件{
render（）{
只返回一个测试组件！
}
});

下面是对上述组件的简单调用：

import React, { Component } from 'react';

import './App.css';

import Auth from './Auth'
import { TestComponent } from './Test'

import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

import AppBar from 'material-ui/AppBar';
import  authStore  from './stores/Store'

class App extends Component {

    constructor(props) {
        super(props);
        this.state = {
        }
    }

    render() {
    return (
        <div className="app">
            <MuiThemeProvider>
                <div>
                    <TestComponent store={authStore} />
                </div>
            </MuiThemeProvider>
        </div>

    );
  }
}

export default App;

import React，{Component}来自'React'；
导入“/App.css”；
从“/Auth”导入身份验证
从“./Test”导入{TestComponent}
从“材质ui/styles/MuiThemeProvider”导入MuiThemeProvider；
从“物料ui/AppBar”导入AppBar；
从“./stores/Store”导入authStore
类应用程序扩展组件{
建造师（道具）{
超级（道具）；
此.state={
}
}
render（）{
返回(
);
}
}
导出默认应用程序；

现在，当我运行上面的组件时，我得到一个错误：

uncaughttypeerror:（0，_mobxReact2.default）不是一个函数（…）

nothing get在控制台中显示

---

我做错了什么？

请使用“mobx react”中的

import{observer}

注意：如前所述，装饰器可与create react应用程序一起使用）
谢谢。我错过了这个基本的东西。另一方面，我可以对已经在工作的项目使用自定义react脚本吗？我不想创建一个新的。afaik是的，这是可能的，请询问上述博客的作者，但我希望npm安装软件包并创建配置文件就可以了？