reactjs – How to prevent default when clicking hamburger navigation button using React?

im new to React JS.

I have this bootstrap responsive page but every time the hamburger menu shows up (on smaller screens) and I click on it, the homepage section refreshes, like, everything within the section below the navbar, makes a sudden movement down and quickly comes back to its original position after the item list of the hamburger menu shows up.

I tried setting a function to implement the prevent default on the onClick (see image), but my content still flickers down.

Im using React JS.

See Navigation component

See App component