Dispatching `push` does not change route in React Redux Router

Question

I'm working on a project with the React Redux Router, and am trying to change the page. When a component dispatches a "push" action, I see the "@@router/LOCATION_CHANGE" come through, but nothing changes.

I do have the routerMiddleware applied as well,

import thunk from 'redux-thunk';
import { routerMiddleware } from 'react-router-redux';
import createHistory from 'history/createBrowserHistory'
import rootReducer from '../reducers';

export const history = createHistory();
const middleware = routerMiddleware(history)
export function configureStore(initialState) {
  return createStore(
    rootReducer,
    initialState,
    applyMiddleware(thunk),
    applyMiddleware(middleware)
  );
}

any thoughts as to what I'm doing incorrectly?

Not sure why, but it seems like switching the thunk and middleware lines fixes it? Would love an explanation as to why! — Pete.Mertz
– Pete.Mertz, Commented Feb 15, 2018 at 14:32

Dennie de Lange · Accepted Answer · 2018-02-15 19:52:54Z

3

applyMiddleware expects a list of middlewares, so you're using it wrong: Please change it to:

export const history = createHistory();
const middleware = routerMiddleware(history)
export function configureStore(initialState) {
  return createStore(
    rootReducer,
    initialState,
    applyMiddleware(thunk,middleware)
  );
}

This also explains why switching them worked (the store received another middleware).

answered Feb 15, 2018 at 19:52

Dennie de Lange

2,9542 gold badges21 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dispatching `push` does not change route in React Redux Router

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related