Почему, когда я go к маршруту с роутером dom, этот компонент не размонтируется?

Question

Я пытаюсь настроить маршруты для своего приложения, но когда я go возвращаю маршрут к компоненту Storage и go назад, компонент Navbar2 остается смонтированным под маршрутом, который был раньше, и я понятия не имею, как контролировать его, как это не имеет ни с одним из других маршрутов, и все они установлены одинаково. А также, если я go на любом из 2 маршрутов отчетов после посещения маршрута хранения, он переводит меня на маршрут хранения вместо маршрутов отчетов в обоих из них ...

это мой App.tsx :

import React, { PureComponent } from "react";
import { BrowserRouter, Switch, Route, withRouter } from "react-router-dom";
import LandingBody from "../LandingBody/LandingBody";
import NewReport from "../Report/newReport";
import Report from "../Report/Report";
import { CSSTransition, TransitionGroup } from "react-transition-group";
import Storage from "../Drive/DriveIndex";
import Profesionals from "../Profesionals/Profesionals";



//  TODO check rutas

class App extends PureComponent {
  render() {
    return (
      <>
        <div className="App">
          <BrowserRouter>
            <Switch>
              <Route path="/drive/pictures" exact component={Storage} />
              <Route path="/" exact component={LandingBody} />
              <Route path="/profesionals" exact component={Profesionals} />
              <Route
                path="/newReport/:id_property_details"
                component={NewReport}
              />
              <Route path="/report/:id_report" component={Report} />
            </Switch>

          </BrowserRouter>
        </div>
      </>
    );
  }
}
export default App;

и это компонент хранения (DriveIndex):

import React, { Component } from "react";
import { connect } from "react-redux";
import { BrowserRouter, Switch, Route, withRouter } from "react-router-dom";
import Upload from "./Upload";
import Pictures from "./Pictures";
import Navbar2 from "./NavBar2";
import LandingBody from "../LandingBody/LandingBody";

export default class Storage extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  render() {
    return (
      <>
        <BrowserRouter>
          <Route  path="/" exact component={LandingBody} />
          <Navbar2 />
          <Switch>
            <Route  path="/drive/pictures" exact component={Pictures} />
            <Route  path="/drive/upload" exact component={Upload} />
          </Switch>
        </BrowserRouter>
      </>
    );
  }
}