title: REACT Uncaught TypeError .then is not a function
body: <p>i'm doing function in my react component like this :</p>
  
  <pre><code>const Logged = (props) =&gt; {
  
    const doLogout = () =&gt; {
      props.logout().then(() =&gt; browserHistory.push('/'));
    }
  
    return(
      &lt;IconMenu
        {...Props}
        iconButtonElement={
          &lt;IconButton&gt;&lt;MoreVertIcon /&gt;&lt;/IconButton&gt;
        }
        targetOrigin={{horizontal: 'right', vertical: 'top'}}
        anchorOrigin={{horizontal: 'right', vertical: 'top'}}
      &gt;
        &lt;MenuItem primaryText="Sign out" 
          onTouchTap={doLogout}
        /&gt;
      &lt;/IconMenu&gt;
    )
  };
  </code></pre>
  
  <p>i already wrap the dispatch in the component and connect it.</p>
  
  <pre><code>const mapDispatchToProps = (dispatch) =&gt; {
      return {
          logout: () =&gt; (
              dispatch(logoutUser)
          )
      }
  }
  </code></pre>
  
  <p>this is my action:</p>
  
  <pre><code>export function logoutUser(){
      return (dispatch) =&gt; {
          return new Promise((resolve) =&gt; { 
              dispatch({
                  type    : LOGOUT_USER,
              });
              resolve();
          })
      }
  };
  </code></pre>
  
  <p>and this is my reducer :</p>
  
  <pre><code>case LOGOUT_USER :  
              return Object.assign({}, state, {autenticated : false});
  </code></pre>
  
  <p>i always got this error </p>
  
  <blockquote>
    <p>Uncaught TypeError: props.logout(...).then is not a function
        at Object.doLogout [as onTouchTap] (eval at </p>
  </blockquote>