React Router 4 - Redirect middleware

history.js

import { createBrowserHistory } from 'history'

const history = createBrowserHistory({});

export default history;

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { Router } from 'react-router-dom';
import history from './history';

import App from 'components/App';

ReactDOM.render(
  <Provider store={ store }>
    <Router history={ history }>
      <App/>
    </Router>
  </Provider>,
  document.getElementById('root')
);

middleware.js

import * as actions from 'consts/action-types';
import history from '../history';

const redirects = ({ dispatch, getState }) => next => action => {

  next(action);

  switch (action.type) {
    case actions.LOGIN:
      const target = window.sendBack || '/';
      window.sendBack = null;
      history.push(target);
      break;

    case actions.LOGOUT:
      history.push('/login');
      break;

    case actions.REDIRECT:
      history.push(action.payload);
      break;

    default:
      break;
  }
};

export default redirects;