history on redux state is not availb but it is available on react component
<p>My <code>index.js</code> looks like:</p>

<pre><code>const store = configureStore()

render(
    &lt;Root history={history} store={store} /&gt;,
  document.getElementById('root')
)
</code></pre>

<p>and my <code>Root.js</code> looks like:</p>

<pre><code>class Root extends Component {
  render() {
    const { store } = this.props

    return (
      &lt;Provider store={store}&gt;
          &lt;ReduxRouter /&gt;
      &lt;/Provider&gt;
    )
  }
}

Root.propTypes = {
  store: PropTypes.object.isRequired,
  history: PropTypes.object
}

export default Root
</code></pre>

<p>and my <code>configureStore.js</code> is like:</p>

<pre><code>export default function configureStore() {

  let createStoreWithMiddleware = compose(
    applyMiddleware(thunk),
    reduxReactRouter({ routes, createHistory })
    )(createStore)

  const store = createStoreWithMiddleware(rootReducer)

  return store
</code></pre>

<p><code>routes.js</code>:</p>

<pre><code>const routes =  (
    &lt;Router&gt;
        &lt;Route path={"/"} component={LoginView}&gt;
        &lt;Route path={"/login"} component={DashboardView} /&gt;
        &lt;/Route&gt;
  &lt;/Router&gt;
)

export default routes
</code></pre>

<p>and my <code>LoginView</code> component is like:</p>

<pre><code>class LoginView extends Component {

    componentDidMount(){
        const {actions} = this.props
        actions.login()
    }

    render() {
        console.log("printing props")
        console.log(this.props)
        console.log(this.props.history)
        return (
            &lt;div&gt;
                &lt;Login /&gt;
            &lt;/div&gt;
        )
    }
}

export default LoginView


function mapStateToProps(state) {
    return {
        login: state.login
    }
}

function mapDispatchToProps(dispatch) {
  return {
    actions: bindActionCreators(Actions, dispatch)
    }
}

export default connect(mapStateToProps, mapDispatchToProps)(LoginView)
</code></pre>

<p>I am very confused relating to <code>history</code>. 
In my component I am getting <code>history</code> in props. Like <code>this.props.history</code> as I have done <code>console.log(this.props.history)</code> in component.</p>

<p>But in my <code>actions</code> I can not get <code>history</code> any way..</p>

<p>My actions is like:</p>

<pre><code>export function login(){

    return (dispatch, getState, history) =&gt; {
        console.log("get state")
        console.log(getState())
        console.log("history")
        console.log(history)
        var message = "hellooww world"
        return { message, type: loginTypes.LOGIN }
    }
}
</code></pre>

<p>Here I can get <code>getState()</code> but not <code>history</code>. </p>

<p>What If I want to <code>redirect</code>? I want <code>history</code> so that I can redirect it like:</p>

<p><code>history.pushState(null, '/dashboard')</code></p>

<p>Can anyone help me.. ? Really confused on this.. </p>