title: Expected onClick listener to be a function, instead got type object - react redux
body: <p>As explained in the title, I am getting the error
  Expected onClick listener to be a function, instead got type object </p>
  
  <p>But I am unable to understand why this isnt working.
  as far as I know, the onClick listener IS a function.</p>
  
  <p>Here's, the CharacterList Component where the error comes from</p>
  
  <pre><code>import React,{Component} from 'react';
  import {connect} from 'react-redux';
  import {addCharacterById} from '../actions';
  import {bindActionCreators} from 'redux';
  
  
  class CharacterList extends Component{
  
      render(){
          //console.log('name : ',this.props.characters[2].name);
          return(
              &lt;div&gt;
              &lt;h3&gt;Characters&lt;/h3&gt;
          &lt;ul&gt;
          {this.props.characters.map((character)=&gt;{
              return(&lt;li key={character.id}&gt;{character.name}
                  &lt;div
                  onClick={this.props.addCharacterById(character.id)}
                  &gt;+&lt;/div&gt;
                  &lt;/li&gt;);
          })}
          &lt;/ul&gt;
              &lt;/div&gt;
  
              )
      }
  }
  
  function mapStateToProps(state){
      return {
          characters:state
      }
  }
  
  
  
  
  export default connect(mapStateToProps,{addCharacterById})(CharacterList);
  </code></pre>
  
  <p>And here's the action creator</p>
  
  <pre><code>export const ADD_CHARACTER='ADD_CHARACTER';
  export function addCharacterById(id){
      var action ={
          type:ADD_CHARACTER,
              id
          }
          return action;
  
  }
  </code></pre>
  
  <p>So, what do you guys think?
  what is the problem here?</p>