Невозможно отобразить страницу с помощью response-router-dom в расширении Chrome

Question

Я создаю расширение Chrome с использованием React и React Router DOM.Всякий раз, когда я интегрирую код DOM React Router в index.js, он ничего не отображает.Проблема не в компонентах, так как работает без кода Router-DOM.

index.js

import Routes from './Routes';

render((
    <Routes>
        <App />
    </Routes>
    ), document.getElementById('root'));

Routes.js

const Routes = () => (
  <BrowserRouter>
    <Switch>
        <Route exact path='/' component={App}/>
        <Route path='/home' component={Home}/>
    </Switch>
  </BrowserRouter>
)

export default Routes;

App.js

class App extends Component {

  render() {
    return (
        <div className="App">
          <header>
            <img src={logo} className="App-logo" alt="logo" />
            <p>TITLE</p>
          </header>
          <p className="App-center">SOME TEXT</p>
          <Link to='/home'>Log In</Link>
        </div>
    );
  }
}

export default App;

Home.js

class Home extends Component {
  render() {
    return (
      <div className="App">
        <header>
          <img src={logo} className="App-logo" alt="logo" />
          <p className="App-title">TITLE 2</p>
          <h2>SOME HEADING</h2>
        </header>

        <p className="App-center">SOME TEXT</p>
        <Link to='/'>Log Out</Link>        
      </div>
    );
  }
}

export default Home;