Expected onClick listener to be a function, instead got type object - react redux : <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>
