Трудности с react-router-dom

import './App.css';
import {Left_Menu} from "./components/Left_Menu";
import {Action_adventure} from "./components/Action_adventure";
import {Animation} from "./components/Animation";
import {Classic} from "./components/Classic";
import {Comedy} from "./components/Comedy";
import {Drama} from "./components/Drama";
import {Homepage} from "./components/Homepage";
import {Link, Route, BrowserRouter as Router, Switch} from "react-router-dom";
 
function App() {
return (<Router>
<div className="main_div">
<div className="left_menu_part">
    <Left_Menu/>
 
        <div className="d">
            <Link to="/">Home</Link>
            <Link to="/adventure">Adventure</Link>
            <Link to="/animation">Animation</Link>
            <Link to="/classic">Classic</Link>
            <Link to="/comedy">Comedy</Link>
            <Link to="/drama">Drama</Link>
        </div>
 
    </div>
<Switch>
<div className="right_main_part">
 
        <Route path="/">
          <Homepage/>
        </Route>
 
        <Route path="/adventure" exact>
          <Action_adventure/>
        </Route>
 
        <Route path="/animation" exact>
          <Animation/>
        </Route>
 
        <Route path="/classic" exact>
          <Classic/>
        </Route>
 
        <Route path="/comedy" exact>
          <Comedy/>
        </Route>
 
        <Route path="/drama" exact>
          <Drama/>
        </Route>
</div>
</Switch>
</div>
</Router>
}
 
export default App;