Cannot read property 'props' of undefined

I am trying to integrate redux into my react app and I am having issues while doing mapStateToProps.

GitHub:- https://github.com/PradhumnaPancholi/Star-Wars ( branch - redux-installation )

Code:-

const CharacterList = (/*props*/) => {
    //to iterate list of characters//
    const characterCard = this.props.characters.map((character) => {
        return(
            <div className = "col-md-4 col-sm-12">
                <CharacterCard
                    key = {character.name}
                    character = {character}      
                />
            </div>
          
        )
    })

    return(
             <ul className="row character-list">
                {characterCard}
            </ul>
    )
}

const mapStateToProps = state => ({
    characters: state.characterReducer    
})
    
export default connect(mapStateToProps)(CharacterList)

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums