Cannot read property 'props' of undefined

JavaScript
1

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)