Обещание возврата из улова с Axios и final-form

Я вхожу в службу api из клиента React с Axios. Форма для имени и пароля обрабатывается final-form. Все работает, как ожидалось, кроме тех случаев, когда я хочу вернуть ошибку из функции onSubmit.

Есть два компонента: родительский Login, который обрабатывает вызов API с помощью logIn функции, и вложенный компонент LoginUi, который имеет форму и функцию onSubmit, которая вызывает родительский метод logIn через this.props.logIn():

Вот метод logIn в родительском компоненте Login:

class Login extends Component {
    constructor() {
        super();
        this.logIn = this.logIn.bind(this);
    }

    logIn(credentials) {
        return axios({
            method: 'post',
            url: 'http://0.0.0.0:3000/v1/login/',
            data: {
                name: credentials.name,
                password: credentials.password,
            },
        })
            .then((response) => {
                return response;
            })
            .catch((error) => {
                return error;
            });
    }

    render() {
        return <LoginUi logIn={this.logIn} {...this.props} />;
    }
}

export default Login;

А вот метод onSubmit в дочернем LoginUi компоненте:

class LoginUi extends Component {
    constructor(props) {
        super(props);
        this.onSubmit = this.onSubmit.bind(this);
    }

    onSubmit(credentials) {
        this.props
            .logIn(credentials)
            .then((result) => {
                console.log(result);
            })
            .catch((error) => {
                console.log(error);

                return { [FORM_ERROR]: 'Login Failed' };
            });
    }

    render() {
        return (
            <div className="LoginUi">
                {/* here goes the form with final-form, not included for brevity */}
            </div>
        );
    }
}

export default LoginUi;

{ [FORM_ERROR]: 'Login Failed' } отвечает за изменение состояния формы - обрабатывается final-form-, но не может этого сделать. Если я верну его за пределами catch, он работает:

onSubmit(credentials) {
    this.props
        .logIn(credentials)
        .then((result) => {
            console.log(result);
        })
        .catch((error) => {
            console.log(error);
        });
    return { [FORM_ERROR]: 'Login Failed' };
}

Но, очевидно, это не то, что я хочу, потому что [FORM_ERROR]: 'Login Failed' должен возвращаться только тогда, когда вызов API возвращает ошибку.

Я почти уверен, что здесь проблема с использованием обещаний. Если у кого-то есть идеи, я был бы признателен!

Спасибо!