title: does not contain an export named
body: <p>I'm trying to import a simple component into my React. I'm having trouble locating this component.</p>
  
  <p>I'm getting the following error while importing component</p>
  
  <blockquote>
    <p>./src/App.js 61:28-32 './componentes/Menu' does not contain an export
    named 'Menu'.</p>
  </blockquote>
  
  <p>This is my simple component:</p>
  
  <pre><code>import React, { Component } from 'react';
  
  import { Button } from 'react-bootstrap';
  
  export default class Menu extends Component {
  
      render() {
          return (
              &lt;div&gt;
              &lt;Button bsStyle="danger"&gt;Hello World Dangerhahahah&lt;/Button&gt;
            &lt;/div&gt;
          );
      }
  
  }
  </code></pre>
  
  <p>I'm calling it as follows in my App.</p>
  
  <pre><code>import React, { Component } from 'react';
  import logo from './logo.svg';
  import './App.css';
  
  import { Menu } from './componentes/Menu';
  
  import { Button } from 'react-bootstrap';
  
  class App extends Component {
  
    constructor(props) {
      super(props)
    }
  
  render() {
      return (
        &lt;div&gt;
          &lt;Menu /&gt;
          &lt;Button bsStyle="danger"&gt;Take this action&lt;/Button&gt;
          &lt;div className="App"&gt;
  
            &lt;div className="bs-header" id="content"&gt;
              &lt;div className="container"&gt;
                &lt;h1&gt;Template Changelog&lt;/h1&gt;
                &lt;p&gt;Lists all changes to the HTML template files&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
   );
    }
  }
  
  export default App;
  </code></pre>