How to remove the scroll or how to use React Route correctly?

Question

React

Hello!
How to properly use React Route.
I have components that should not change, and there is a button that lies in the Header, this button should open the Menu component.
Here is my code:

function App() {


  return (

    <BrowserRouter>
      <div className="App">
        <Switch>
          <Route path="/menu" exact>
            <Menu />
          </Route>

        </Switch>
        <Header name='Vadim Chorrny' />
        <Acces />

      </div>
    </BrowserRouter>
  );
}

Here's what happened:



It turned out that when you click on the burger menu, the Menu component opens on top of other components.
Problem: How to remove the scroll?
Or maybe I have problems with Routs?