Не работает роутинг в продакшене create-react-app

import {BrowserRouter} from 'react-router-dom';
import Router from './Router';
 
import {createStore} from 'redux';
import {Provider} from 'react-redux';
import combineReducers from './redux/reducers';
 
const store = createStore(combineReducers);
 
ReactDOM.render(
    <Provider store = {store}>
        <BrowserRouter>
                <Router />
        </BrowserRouter>
    </Provider>
    , document.getElementById('root')
    );

import React from 'react';
import {Route, Switch} from 'react-router-dom';
import Main from './Pages/Main';
import About from './Pages/About';
 
const baseUrl = process.env.PUBLIC_URL;
 
class Router extends React.Component {
 
    render(){
        return (
            <Switch>
                <Route path = {baseUrl + '/'} exact component = {Main}/>
                <Route path = {baseUrl + '/About'} component = {About}/>
            </Switch>
        );
    }
}
 
export default Router;