Form.js

import React from 'react';

export class Form extends React.Component {
  state = {
    has_submitted: false,
    submit_error: null,
  };

  render() {
    let { children, onSubmit, conditions } = this.props;
    let { submit_error } = this.state;

    let errors = conditions.filter((x) => !x.condition);
    let disabled = errors.length !== 0;

    let handleSubmit = async () => {
      try {
        if (disabled) {
          return;
        }
        await onSubmit();
        this.setState({ has_submitted: true });
      } catch (err) {
        this.setState({ submit_error: err });
      }
    };

    return children({
      // errors: errors.map(x => x.message),
      errors: errors.map((x) => x.message),
      disabled: disabled,
      onSubmit: handleSubmit,
      submit_error,
      getInputProps: () => {
        return {
          onKeyDown: (e) => {
            if (e.which === 13) {
              handleSubmit();
            }
          },
        };
      },
    });
  }
}