React-router-dom не рендерит компонент после изменения ссылки, только когда я обновляю sh страницу

Question

Моя версия React: 16.13.1, а моя React-router-dom версия: 5.1.2.

Компонент обновляется только при обновлении страницы sh, изменяется только ссылка, но компонент не отображает.

import React from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";

import Todo from "./components/Todo/Todo";
import About from "./components/About/About";

const Routes = () => (
    <Router>
        <Switch>
            <Route exact path='/' component={Todo}/>
            <Route path="/about" component={About}/>
        </Switch>
    </Router>
);

export default Routes;

Код ссылки для изменения маршрута:

import React from 'react';
import { Link, BrowserRouter as Router } from 'react-router-dom';

const Menu = () => {
    return (
        <nav className="navbar navbar-inverse bg-inverse">
            <div className="container">
                <div className="navbar-header">
                <Router>
                    <Link to="/" className="navbar-brand">
                        <i className="fa fa-calendar-check-o"></i> TodoApp
                    </Link>
                </Router>
                </div>
                <div id="navbar" className="navbar-collapse collapse">
                    <ul className="nav navbar-nav">
                        <Router>
                            <li><Link to="/todos">Tarefas</Link></li>
                            <li><Link to="/about">Sobre</Link></li>
                        </Router>
                    </ul>
                </div>
            </div>
        </nav>
    );
}
export default Menu;