title: TypeError: react__WEBPACK_IMPORTED_MODULE_0___default(...) is not a function
body: <p>I am making a To-do app using the Context API in React. On starting the deveopment server, it throws the error :</p>
  
  <p><strong>TypeError: react__WEBPACK_IMPORTED_MODULE_0___default(...) is not a function</strong>
  <a href="https://i.stack.imgur.com/PVXG5.png" rel="noreferrer"><img src="https://i.stack.imgur.com/PVXG5.png" alt="enter image description here"></a></p>
  
  <p>I am a beginner in React and cannot find out any possible reason for this problem to occur. Here is my <code>App.js</code> : </p>
  
  <pre><code>import React, {useReducer} from 'react';
  import Container from "reactstrap/lib/Container";
  import "bootstrap/dist/css/bootstrap.min.css";
  import './App.css';
  
  import {TodoContext} from './Context/TodoContext';
  import todoReducer from "./Context/reducer";
  
  const App = () =&gt; {
    const [todo, dispatch] = useReducer(todoReducer, [])
    return(
      &lt;TodoContext.Provider value={{todo, dispatch}}&gt;
        &lt;Container fluid&gt;
          &lt;h1&gt;
            Todo App with Context API
          &lt;/h1&gt;
        &lt;/Container&gt;
      &lt;/TodoContext.Provider&gt;
    )
  }
  
  export default App;
  </code></pre>
  
  <p>I am using <code>^16.3.1</code> for both <code>react</code> and <code>react-dom</code></p>