React Router V4 - посещенные пути не в истории браузера

Question

Я создал приложение React для нашего сайта. Казалось, все работает просто отлично. Но мы недавно обнаружили ошибку. Ошибка заключается в следующем:

Пользователь вводит приложение в https://www.frankwatching.com/academy.. На этой странице пользователь нажимает «Цифровой маркетинг», поэтому приложение перемещает пользователя на страницу Цифровой маркетинг . На этой странице они нажимают Zoekmachinemarketing (SEO) .

История теперь должна быть:

1. https://www.frankwatching.com/academy
2. https://www.frankwatching.com/academy/training/digital-marketing/
3. https://www.frankwatching.com/academy/training/zoekmachine-optimalisatie-seo/

Когда пользователь находится на последней странице и использует кнопку возврата браузера, он отправляется на первый URL-адрес, а не на второй.

Может кто-нибудь объяснить мне, почему это происходит и как это исправить? ИМХО пользователя следует отправить на второй URL.

Приложение использует React 16.2 и React Router Dom 4.2.2.

BrowserRouter инициализируется следующим образом:

document.addEventListener('DOMContentLoaded', () => {
    ReactDOM.render(
        <Provider store={store}>
            <BrowserRouter>
                <Route component={App} />
            </BrowserRouter>
        </Provider>,
        document.getElementById('fw-react-app')
    );
});

Примечание: не вся страница является React, она только между верхним и нижним колонтитулом. Верхний и нижний колонтитулы WordPress.

Заранее спасибо!