React TypeError: onGenreChange не является функцией

Question

Я пытаюсь передать функцию прослушивателю событий (onClick), но я получаю следующую ошибку: TypeError: onGenreChange не является функцией.Я полагаю, что правильно передал лямбда-функцию слушателю событий.Кто-нибудь знает, почему это не работает?Спасибо!

class Genres extends Component {
    render() {

        const { activeGenre, onGenreChange, items, textProperty, valueProperty } = this.props;
        const genres = [];

        for (let n = 0; n < items.length; n++) {
            const genre = items[n][textProperty]
            genres.push(<ListGroup.Item onClick={() => {onGenreChange(genre)}} key={genre[valueProperty]} as="li" active={genre === activeGenre}>{genre}</ListGroup.Item>)
        }

        return (<React.Fragment>
            <ListGroup as="ul">
                <ListGroup.Item onClick={() => onGenreChange("All Genres")} as="li" active={"All Genres" === activeGenre}>All Genres</ListGroup.Item>
                {genres}
            </ListGroup>
        </React.Fragment>
        );
    }
}