Clicking on a link to an element on the same page, how do I center the page on said element instead of having it default to the top?

Question

I am building a personal portfolio with React, and the page has a Navbar that has links to different sections on the page. One of the sections is the About Me element. When clic