Nothing happening and no errors with dispatch functions
<p>I'm managing my <code>React</code> application route with <code>react-router</code> and <code>react-router-redux</code>.</p>

<p>I setting router with following configuration:</p>

<pre><code>import {Provider} from 'react-redux'
import {Router, browserHistory} from 'react-router'
import {createStore, combineReducers} from 'redux'
import {routerReducer} from 'react-router-redux';
import {syncHistoryWithStore} from 'react-router-redux'

import Reducers from './reducers'; // contains all my reducers,

const store = createStore(combineReducers(
    {...Reducers, routerReducer}
));

const history = syncHistoryWithStore(browserHistory, store);

const AppRoute = (
    &lt;Provider store={store}&gt;
        &lt;Router history={history}&gt;
            &lt;Route path='login' components={PageLogin}/&gt;
            &lt;Route path='system' components={PageSystem}&gt;
                &lt;Route path="profile" component={PageProfile}/&gt;
            &lt;/Route&gt;
        &lt;/Router&gt;
    &lt;/Provider&gt;
);

export default AppRoute;
</code></pre>

<p>When I try dispatch any router function:</p>

<pre><code>import React from 'react';
import {Link, Route} from 'react-router';
import {connect} from 'react-redux';
import {replace, push} from 'react-router-redux';

class SystemMenu extends React.Component {
    constructor(props) {
        super(props);
        this.logout   = this.logout.bind(this);
    }

    logout() {
        this.props.logout();
    }

    render() {
        return (
            &lt;ul className="system-menu"&gt;
                &lt;li className={this.isActual("/system/profile")}&gt;
                    &lt;Link to="/system/profile"&gt;Profile&lt;/Link&gt;
                &lt;/li&gt;
                &lt;li className={this.isActual("/system/unit")}&gt;

                    &lt;Link to="/system/unit"&gt;Units&lt;/Link&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;button onClick={this.logout}&gt;Logout&lt;/button&gt;
                &lt;/li&gt;
            &lt;/ul&gt;
        )
    }
}

const mapStateToProps = (state) =&gt; {
    return {
        router: state.router,
        actualPage: state.menu.actualPage
    };
};

const mapDispatchToProps = (dispatch) =&gt; {
    return {
        logout() {
            dispatch(push('/login'));
        }
    };
};

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

<p>When I click que <code>Link</code> component, pages is changing, But when I click the <code>Logout</code> button to debug, is executing <code>dispatch(push('/login'));</code> line, but nothing has happening, and no occur any error in the console.</p>

<p>What I worse in the configuration?</p>

<hr>

<p>I tried <code>console.log</code> the <code>logout</code> inside the <code>mapDispatchToProps</code> function, and returning <code>logout is not defined</code></p>

<pre><code>const mapDispatchToProps = (dispatch) =&gt; {
    console.log(push, logout);

    return {
        logout() {
            dispatch(push('/login'));
        }
    };
};
</code></pre>