I am using navbar component with Drop down menus in my application. When I use MDBDropdownItem to direct to a different react router path, there is an unwanted delay and chrome console is cleared with message [HMR] Waiting for update signal from WDS...

If I replace this with MDBNavLink, I dont get the same problem, however the drop down menu remains on the screen. I can make this menu hide by making it have a class of d-none (using context API and onClick event) but then I need to press the NAVlink twice to make dropdown menu appear again.

Any suggestions?