How can I make react-bootstrap's Dropdown open on mouse hover?

Question

Ok the question is simple. I need to make the dropdown open when mouse hover rather than on click.

Currently my code is as follow.

Answer 1

A much cleaner pure CSS solution here:

.dropdown:hover .dropdown-menu { display: block; }