Scroll Page using reactjs and material UI toobar

Is there a method in Reactjs which makes the webpage scroll to a specific Element using!?

I’m learning reactjs and I came across a small problem:

I have an AppBar (material UI component) and I wanted it so that when I clicked on the buttons in each section, the page would scroll to the clicked section.

How can I do this?My page “Home.tsx”
my component”NavBar.tsx”

I looked in tutorial videos and documentation, but I didn’t find anything that helped me.

I want to do this, but in React:

enter image description here