React.js TypeError: Object(...) 不是函数

Question

I'm developing an app fetching api and displaiy it using ReactJS, My index.js file is:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components/App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render( < App /> , document.getElementById('root'));
registerServiceWorker();

the error is

TypeError:

Object(...) is not a function

in Module ../src/index.js

how do I solve this? Thanks!

My App.js code is here

import React, {
  Component
} from 'react';
import PokeList from './PokeList';
import './styles/App.css';

class App extends Component {
  constructor() {
    super();
    this.state = {};
  }

  render() {
    return ( <div className = "App" >
      <PokeList />
      </div>
    );
  }
}


export default App;

PokeList.js

import React from 'react';
import './styles/PokeList.css';

const PokeList = () => {
  return ( <section className = "poke-list" >

    </section>
  )
}


export default PokeList;

Answer 1

I think You just need to upgrade to react > 16.8. There are no breaking changes in regards to react, so you should be fine.