Как я могу исправить реакцию доменной ссылки на маршрутизатор и изменение ссылки навлинка, но не загрузки компонента

Question

Я хочу получить компонент основного макета, и после стольких попыток у меня все заработало, но теперь ссылки в панели управления изменяют URL, но не отображают компонент, пока я не обновлюсь.

Я пыталсяобернуть все мои независимые компоненты с помощью withRouter, но без изменений.

const App = (props)=>{
    return (
      <BrowserRouter>
        <Switch>
          <Route path="/login" component={Login} exact />
          <Route path="/" component={Login} exact />
          <DashboardWrap path="/dashboard" component={Dashboard} exact />
          <DashboardWrap  path="/dashboard/courses"  component={Course} />
          <DashboardWrap  path="/dashboard/test"  component={Test} />


          <Route path="/logout" component={Logout} exact />

          {/*<Route component={NotFound} exact />*/}
        </Switch>
      </BrowserRouter>
    );
}

const  DashboardWrap = ({component:Component,rest}) =>  {
 return (
      <Switch>
      <Route {...rest} render={props => (
      <div className="d-flex" id="wrapper">      
          <SideNav  />
          <div id="page-content-wrapper" >
                <TopNav />
                <div className="container" style={{marginTop: 40 + "px"}}>
                   <Component {...props}/>
                </div>
         </div>
       </div>
       ) }/>
       </Switch>
     );
}

export default DashboardWrap;

const SideNav = (props) =>{
return (
    <div className="bg-light border-right" id="sidebar-wrapper">
                         <div className="sidebar-heading">Study Guide </div>
                         <div className="list-group list-group-flush">
                             <NavLink to="/dashboard" className="list-group-item list-group-item-action bg-light">Dashboard</NavLink>
                             <NavLink to="/dashboard/courses" className="list-group-item list-group-item-action bg-light">Courses</NavLink>

                             <NavLink to="/logout" className="list-group-item list-group-item-action bg-light">Logout</NavLink>

                         </div>
  </div>
);
}

export default SideNav;