title: React-Bootstrap's NavDropdown: disable toggle onClick?
body: <p>I have added some CSS to React-Bootstrap's NavDropdown component in order to get it to expand on hover. However, the default click-to-expand behavior is then problematic, as you can click one menu to toggle it open, and then hover over another one, causing two to expand at once. I have demonstrated this here: <a href="https://codesandbox.io/s/61vjn41mzz" rel="nofollow noreferrer">https://codesandbox.io/s/61vjn41mzz</a></p>
  
  <p>Is there a way to disable the toggle functionality that comes with React-Bootstrap's NavDropdown? I've tried to call <code>event.PreventDefault()</code> and <code>event.stopPropogation()</code> with no luck, which you can see in the code sandbox.</p>