browserHistory.push não navega para a nova página

Eu configurei o browserHistory em um roteador com este (react-router 2.0):

import { browserHistory } from 'react-router'

function requireAuth(nextState, replace) {
    if (!services.auth.loggedIn()) {
        replace({
            pathname: '/login',
            state: { nextPathname: nextState.location.pathname }
        })
    }
}

export default (store) => (
  <Router history={browserHistory}>
    <Route path='/' component={AppLayout}>
      <Route path="login" component={LoginContainer} />
      <Route path="map" component={MapContainer} onEnter={requireAuth} />
    </Route>
  </Router>
);

Em seguida, estou tentando usar o browserHistory no reat-router para rotear programaticamente para uma nova página de uma exibição, ala:

 import { browserHistory } from 'react-router'

 ...

 browserHistory.push('/map');

Isso altera a URL para / map, mas não renderiza os componentes nessa rota. O que estou fazendo errado?

questionAnswers(2)

yourAnswerToTheQuestion