Как правильно отрисовать компонент поверх других компонентов с помощью React-Router-Dom
Первый раз использую react-router-dom, и появилась проблема.. компонент Menu отображаеться снизу над другими компонентами, мне нужно чтобы при нажатии выводился только компонент Menu.
import React from 'react'
import Association from './Pages/Association'
import "./Index.scss"
import Menu from './UI/Menu';
import { Route, BrowserRouter } from 'react-router-dom'
function App() {
return (
<BrowserRouter>
<div className="app">
<Association />
<div className="app-wrapper" >
<Route path="/menu" component={Menu} />
</div>
</div>
</BrowserRouter>
);
}
export default App;Смотрел несколько видео и прочитал несколько статей но ничего полезного не нашел.