React-Router не рендерит все компоненты

Question

Я определил два маршрута для двух компонентов внутри маршрутизатора и использовал Link to для ссылок на боковой панели, но проблема в том, что работает только одна ссылка на маршрут, а другой маршрут не работает. Путь, который я определил в своем маршруте, работает, когда я пишу их, но когда я использую ссылку для маршрутизации на этот путь, он работает только один раз.

import React, { Component } from "react";
import ReactDOM from 'react-dom'; 
import Menu  from "./menu.js"                               `Component 1`
import Table from "./table.js"                              `Component 2`
import "./styless.css";
import {BrowserRouter as Router,Route, Switch} from 'react-router-dom';

class App extends Component {  
  render() {
    return (  
      <Router>
        <div>
          <Menu />
          <Switch>
            {/* For Apple*/}
            <Route path="/AAPL"  exact
              render={(props) => <Table {...props} name="AAPL"/>}  
            />
            {/* For Google */}
            <Route path="/GOOG"  
              render={(props) => <Table {...props} name="GOOG"/>}
            />
          </Switch>
        </div>
      </Router>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);