I wanted to add multiple pages to my React website so I started using the HashRouter import from react-router-dom. Since then only my main page loads and I am no longer able to use local links in the page. I can't redirect the user to specific areas on the main page which i used to be able to do before I started using the Router import.
I am currently using the <a> tags like this:
with the URL appearing as this with no content below it
I have also tried using the <Link> tag but it just ends up reloading the page.
With this URL appearing instead:
How do I get my page to scroll down to the className rather than reload or load a blank page?
Main code snippets for reference: