React Router Dom Link dans un autre composant

Je suis assez nouveau dans React en général, donc je m'excuse à l'avance s'il existe une solution simple.

J'ai deux composants:

Tableau de bord
--Sidebar (appelé dans le tableau de bord)

J'ai un chemin mis en place dans le tableau de bord et des liens dans ma barre latérale. Lorsque je clique sur un lien, l'URL change, mais le tableau de bord ne s'affiche pas à nouveau, donc il ne change que lors d'une actualisation de page. Ma question est la suivante: y a-t-il un moyen via react-router que je puisse configurer mon tableau de bord pour qu'il soit à nouveau rendu en cliquant sur un lien dans la barre latérale?

Importer

<BrowserRouter>
    <Link
        to="/"
        className="nav-link" 
        onClick={this.navigation} 
    >
    Link</Link>
    <Link
        to="/profile"
        className="nav-link" 
        onClick={this.navigation} 
    >
    Link</Link>
    <Link
        to="/project"
        className="nav-link" 
        onClick={this.navigation} 
    >
    Link</Link>
<BrowserRouter>

Composant du tableau de bord:

<DashboardSidebar />
<BrowserRouter>
    <div>
        <Route exact path="/" component={DashboardLanding} />
        <Route path="/profile" component={ViewUsers} />
        <Route path="/project" component={ViewProjects} />
    </div>
</BrowserRouter>

Composant de la barre latérale du tableau de bord

import { BrowserRouter, Route, Link } from 'react-router-dom';