title: React Simple Dropdown not working
body: <p>I am trying to implement a react simple dropdown following the instructions from this website: <a href="https://www.npmjs.com/package/react-simple-dropdown" rel="nofollow noreferrer">https://www.npmjs.com/package/react-simple-dropdown</a></p>
  
  <p>This is the code for the dropdown component: </p>
  
  <pre><code>import React from 'react';
  import './Dropdown.css';
  var Dropdown = require('react-simple-dropdown');
  var DropdownTrigger = Dropdown.DropdownTrigger;
  var DropdownContent = Dropdown.DropdownContent;
  
  class Menu extends React.Component {
    render() {
      return(
        &lt;Dropdown&gt;
            &lt;DropdownTrigger&gt;Profile&lt;/DropdownTrigger&gt;
            &lt;DropdownContent&gt;
                &lt;img src="avatar.jpg" /&gt; Username
                &lt;ul&gt;
                    &lt;li&gt;
                        &lt;a href="/profile"&gt;Profile&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                        &lt;a href="/favorites"&gt;Favorites&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                        &lt;a href="/logout"&gt;Log Out&lt;/a&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
            &lt;/DropdownContent&gt;
        &lt;/Dropdown&gt;
      );
    }
  }
  
  export default Menu;
  </code></pre>
  
  <p>When I import the Menu component using <code>import Menu from '../Dropdown/Menu'</code> and add the component to App.js I get the following error: </p>
  
  <p><strong>"Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
  Check the render method of <code>Menu</code>."</strong></p>
  
  <p>Could you please help with this? </p>
  
  <p>Thanks,
  Emir Kobaslic</p>