прослушивание истории не работает

Question

У меня есть класс реагирования с именем App

В моем методе рендеринга есть следующий код:

<Provider store={store}>
  <Router history={history}>
    <div>
      <Content>
        <ListItem onClick={this.onListItemClick}
      <Content>
    </div>
  </Router>
</Provider>

Внутри onListItemClick Я делаю history.push(location);

Это следующие операторы импорта, которые есть в моем коде:

import { Router} from 'react-router-dom';
import createBrowserHistory from 'history/createBrowserHistory';

Затем я создаю и слушаю историю следующим образом:

const history = createBrowserHistory();
history.listen(location, action => {
  console.log('listen triggered');
});

У меня есть следующие операторы экспорта,

export {App, AppState etc}
export default App

Оператор журнала консоли никогда не регистрируется.

Как убедиться, что history.listen срабатывает каждый раз правильно?

Версии:

"react-router-dom": "^4.3.1",
"history": "^4.7.2",