React router не может получить ни один из указанных маршрутов, кроме root /

Question

Вот мой App.jsx, который впервые подключен к DOM:

import React, { Component } from 'react';
import Home from './Home.jsx';
import Representatives from './Representatives.jsx';
import { BrowserRouter as Router, Route, Link, Switch } from "react-router-dom";


export default class App extends Component {
  constructor() {
    super();
    this.state = {value: ''};
}

  render() {
    return (
        <Router>
            <div>
                <Switch>
                    <Route exact path="/" component={Home} />
                    <Route path="/representatives" component={Representatives} />
                </Switch>
            </div> 
        </Router>
    )
  }
}

А вот компонент представителя:

import React, { Component } from 'react';


export default class Representatives extends Component {
  constructor() {
    super();
    this.state = {value: ''};
  }

  render() {
    return (
        <div>
          Hello World!
        </div>
    )
  }
}

Это выглядит точно так же, как примеры, которые я видел, и мой конфиг веб-пакета похож на другие, которые я видел в подобных постах.Любая помощь будет принята с благодарностью, я на 4+ часа ломаю голову

Вот мой конфиг веб-пакета:

const path = require('path');

const SRC_DIR = path.resolve(__dirname, './src');
const BUILD_DIR = path.resolve(__dirname, './public/');

module.exports = {
  mode: 'development',
  entry: path.resolve(SRC_DIR, 'index.jsx'),
  output: {
    filename: 'bundle.js',
    path: BUILD_DIR,
    publicPath: '/'
  },
  devServer: {
    historyApiFallback: true,
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: [/node_modules/],
        use: [{
          loader: 'babel-loader',
          options: { "presets": [
            "@babel/env",
            "@babel/react"
        ] }
        }],
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
    ]
  }
}

Я добавил historyApiFallback: true и publicPath: '/', как рекомендовано другим постом здесь.

Вот index.js:

import React from 'react';
import ReactDOM from 'react-dom';

import App from './App/App.jsx';

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