Неудачный тип реквизита: Недопустимый реквизит `onClick` типа` объект`, переданный в `Button`, ожидаемая` функция`

Question

Это мой код:

Мой контейнер:

import {connect} from 'react-redux';
import UI from '../../ui/studentRegistrationUI/RegisterFormUI'
import {beginRegistration, setLevel} from "../../../../actions";

const mapStateToProps = state => ({user: state.user});
const mapDispatchToProps = dispatch => ({
    handleClick() {
        dispatch(beginRegistration('student'));
    }
});

export default connect(mapStateToProps, mapDispatchToProps)(UI)

Мой компонент пользовательского интерфейса:

//imports
export default (handleClick = f => f) => (
    <div className="table_bg">
        <div className="container">
            <div className="row">
                <Button className='custom_register_button'
                        onClick={handleClick}>
                </Button>
            </div>
        </div>
    </div>
);

Сейчас я пытаюсь создать диспетчер и отправить его в пользовательский интерфейс, который будет вызываться при нажатии кнопки. Я все еще новичок в Redux. Проблема в том, что я получаю эту ошибку при каждой попытке запустить приложение:

Неудачный тип пропеллера: недопустимая опора onClick типа object для Button, ожидаемая function.

Что мне не хватает?

Answer 1

Исправлено путем разрушения следующим образом:

export default ({handleClick = f => f}) => (