React Router V4-浏览器历史记录中未访问的路径

Question

我已经为我们的网站创建了一个React应用程序。一切似乎都正常。但是我们最近发现了一个错误。该错误如下：

用户在https://www.frankwatching.com/academy上输入应用程序。用户在该页面上单击“数字营销”，因此应用程序将用户导航到Digital Marketing页面。他们在该页面上单击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。

提前谢谢！