React Router не обновляет представление при нажатии на ссылку, но после обновления обновляет

Question

Все хорошо, пока я не использовал ссылку. Доступ к нему можно получить вручную через URL-адрес, но при доступе по ссылкам он обновляет URL-адрес, но не обновляет представление.

import React, { Component } from 'react';
import {BrowserRouter as Router} from 'react-router-dom';
import "bootstrap/dist/css/bootstrap.min.css";
import {Link} from 'react-router-dom';
import logo from '../logo.png';
import { withRouter } from 'react-router-dom';


export default class Navbar extends Component {
render() {
    return (
        <nav className="navbar navbar-expand-sm navbar-light px-sm-5">
           <Router>
            <Link exact to="/">
<img src={logo} alt="store" className="navbar-brand"/>```Links```
            </Link>
            </Router>
            <ul className="navbar-nav ml-auto">
                <li className="nav-item ml-5">
                   <Router> <Link exact to="/" className="nav-link">
                        Templates
                    </Link></Router>   
                </li>
            </ul>
            <Router> <Link to="/Cart" className="nav-link">
                        <i class="fas fa-cart-plus">Checkout</i>
                    </Link></Router>
        </nav>
      )
   }
 }