(React JS) Internal HTML Links when clicked scrolls the page to desired position but immediately update the URL and loads the default app page

When I click <a href="#">Go to Top</a>, it scrolls the page to the top but then it updates the URL to http://localhost:6061/# and loads the default app page as http://localhost:6061/# is not defined in the router.

How do I avoid updating the URL when it is just an internal link?