title: ReactJS Hamburger icon not toggling
body: <p>I am using this library for front end which is based on <code>Bulma</code> and I'm facing issues with Hamburger Icon Here is the documentation <a href="https://couds.github.io/react-bulma-components/?selectedKind=Navbar&amp;selectedStory=Default&amp;full=0&amp;addons=1&amp;stories=1&amp;panelRight=0&amp;addonPanel=storybooks%2Fstorybook-addon-knobs&amp;background=%233b5998" rel="nofollow noreferrer">Example</a>, but again this is something not very easy to understand. I have searched for a workaround and a solution for this, but I cannot find it, I'm doing it in ES6 Style, and here is my code.</p>
  
  <pre><code>import React, { Component } from "react";
  import { Navbar } from "react-bulma-components/full";
  class MenuNavbar extends Component {
    render() {
      return (
        &lt;div id="header"&gt;
          &lt;Navbar color="info" fixed="top"&gt;
            &lt;Navbar.Brand&gt;
              &lt;Navbar.Item renderAs="a" href="/"&gt;
                &lt;img src="https://i.imgur.com/9jQaBuq.png" alt="Dew Ventures" /&gt;
              &lt;/Navbar.Item&gt;
              &lt;Navbar.Burger /&gt;
            &lt;/Navbar.Brand&gt;
            &lt;Navbar.Menu&gt;
              &lt;Navbar.Container&gt;
                &lt;Navbar.Item href="/"&gt;Home&lt;/Navbar.Item&gt;
                &lt;Navbar.Item href="/about"&gt; About Us&lt;/Navbar.Item&gt;
                &lt;Navbar.Item href="/contact"&gt; Contact Us&lt;/Navbar.Item&gt;
              &lt;/Navbar.Container&gt;
            &lt;/Navbar.Menu&gt;
          &lt;/Navbar&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default MenuNavbar;
  </code></pre>