Защищенные маршруты ReactJS и вложенные маршруты

У меня проблема с маршрутами в ReactJS. Я определил некоторые маршруты следующим образом:

...Import / Class...
class App extends Component {
    render() {
        return (
            <div>
                <Header />
                <Switch>
                    <Route exact path = "/" component = {Home} />
                    <Route path = "/login" component = {Login} />
                    <Route path = "/signup" component = {Signup} />
                    <ProtectedRoute path = "/user/contact" component = {Contact} />
                    <ProtectedRoute path = "/user/person" component = {UserPerson} />
                    <ProtectedRoute path = "/user/profile" component = {Profile} />
                    <Route component = {NotFound} />
                </Switch>
                <Footer />
            </div>
        );
    }
}
...Export...

Ниже вы можете увидеть мой ProtectedRouteкласс

...Import / Class...
const ProtectedRoute = ({ component: Component, ...rest }) => (
    <Route {...rest} render = {props => (
        AuthGestion.userIsAuthenticated() ? (
            <Component {...props} />
        ) : (
            <Redirect to = {{
                pathname: '/login',
                state: { from: props.location }
            }}/>
        )
    )} />
);
...Export...

Когда я захожу на свою страницу с <NavLink to = "/user/person"></NavLink>, проблем нет, мой компонент загружается и я вижу свою страницу. Но когда я перехожу по ссылке напрямую /user/person и перезагружаю свою страницу (CTRL + F5), я получаю Console ошибку SyntaxError: expected expression, got '<' и белую страницу. Просто пользовательские маршруты не работают.

Я добавляю ниже информацию о моем сервере:

import path from 'path';
import bodyParser from 'body-parser';
import express from 'express';
import mongoose from 'mongoose';
import routes from './routes/index.route';
import config from '../../config/config';

import webpack from 'webpack';
import webpackConfig from '../../config/webpack.config.dev';
import webpackDevMiddleware from 'webpack-dev-middleware';
import webpackHotMiddleware from 'webpack-hot-middleware';

//Connexion MongoDB
mongoose.connect(config.mongodbUri, { useNewUrlParser: true });
mongoose.connection.on('connected', () => { console.info('MongoDB connecté'); });
mongoose.connection.on('error', (error) => { console.info(error); });

//Lancement serveur express
const server = express();

//Express need
server.use(bodyParser.json());
server.use(express.static(config.publicPath));
server.use(express.static(config.distPath));

//Hot reload
if (config.isDevMode) {
    const webpackCompiler = webpack(webpackConfig);
    server.use(webpackDevMiddleware(webpackCompiler, {}));
    server.use(webpackHotMiddleware(webpackCompiler));
}

// Route vers l'API
server.use('/api', routes);

// Landing page
server.get('/*', (req, res) => {
    res.sendFile(path.join(config.publicPath, '/index.html'));
});

//Ecoute du serveur
server.listen(config.port, () => {
    console.info(`App here : http://${config.host}:${config.port}`);
});

export default server;

Не могли бы вы помочь мне понять проблему? И, возможно, исправить мою маршрутизацию, если это не хорошо.