title: history on redux state is not availb but it is available on react component
body: <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>