title: How to close `react-burger-menu` by clicking outside the menu?
body: <p>How to close <code>react-burger-menu</code> by clicking outside the menu?</p>
  
  <p>I use: <a href="https://github.com/negomi/react-burger-menu" rel="nofollow noreferrer">https://github.com/negomi/react-burger-menu</a></p>
  
  <pre><code>import { slide as Menu } from 'react-burger-menu'
  
  class Example extends React.Component {
    showSettings (event) {
      event.preventDefault();
      .
      .
      .
    }
  
    render () {
      return (
        &lt;Menu&gt;
          &lt;a id="home" className="menu-item" href="/"&gt;Home&lt;/a&gt;
          &lt;a id="about" className="menu-item" href="/about"&gt;About&lt;/a&gt;
          &lt;a id="contact" className="menu-item" href="/contact"&gt;Contact&lt;/a&gt;
          &lt;a onClick={ this.showSettings } className="menu-item--small" href=""&gt;Settings&lt;/a&gt;
        &lt;/Menu&gt;
      );
    }
  }
  </code></pre>