How can I make react-bootstrap's Dropdown open on mouse hover? : <p>Ok the question is simple. I need to make the dropdown open when mouse hover rather than on click.</p>

<p>Currently my code is as follow.</p>

<pre><code>    &lt;Nav&gt;
      &lt;NavDropdown
        onMouseEnter = {()=&gt; isOpen=true}
        open={isOpen}
        noCaret
        id="language-switcher-container"
      &gt;
        &lt;MenuItem&gt;Only one Item&lt;/MenuItem&gt;
      &lt;/NavDropdown&gt;
    &lt;/Nav&gt;
</code></pre>

<p>as you can see, I tried onMouseEnter but no effect. Can someone solve this issue? What attribute should I pass in to achive this.</p>

<p>The API page is here <a href="https://react-bootstrap.github.io/components.html#btn-dropdowns" rel="noreferrer">react-bootstrap API page</a></p>
