realjs mobx без декораторов не работает

Question

Я пытаюсь включить mobx с react. Поскольку я создал свою заявку с помощью create-react-app, я не могу использовать декораторы, данные mobx.

Учитывая, что мы можем использовать mobx без декораторов, как в этой документации: https://mobxjs.github.io/mobx/best/decorators.html

Вот компонент, который я создал:

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 } 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; 

Теперь, когда я запускаю вышеуказанный компонент, я получаю ошибку: Uncaught TypeError: (0 , _mobxReact2.default) is not a function(…) ничего не отображается в консоли.

Что я здесь делаю неправильно?

Answer 1

Пожалуйста, используйте import {observer} from 'mobx-react';

нотабене обратите внимание, что декораторы могут использоваться с create-react-app с использованием custom-react-scripts, как объяснено here)