withForm HOC that wraps withFormik and includes the event in handleSubmit

withForm.js

// @flow
import { withFormik } from 'formik';
import { compose, pick } from 'lodash/fp';
import PropTypes from 'prop-types';
import { withContext, withHandlers } from 'recompose';

type Config = Object;

const withForm = (config: Config) => {
  const HOC = compose(
    withFormik(config),
    withHandlers({
      handleSubmit: props => e => {
        e.preventDefault();
        return config.handleSubmit(props.values, { props, ...props }, e);
      },
    }),
    withContext(
      {
        formik: PropTypes.object,
      },
      props => ({
        formik: pick(
          [
            'values',
            'errors',
            'touched',
            'isSubmitting',
            'submitCount',
            'resetForm',
            'submitForm',
            'validateForm',
            'setError',
            'setErrors',
            'setFieldError',
            'setFieldTouched',
            'setFieldValue',
            'setStatus',
            'setSubmitting',
            'setTouched',
            'setValues',
            'setFormikState',
            'dirty',
            'isValid',
            'initialValues',
            'registerField',
            'unregisterField',
            'handleBlur',
            'handleChange',
            'handleReset',
            'handleSubmit',
            'validateOnChange',
            'validateOnBlue',
          ],
          props
        ),
      })
    )
  );
  return HOC;
};

export default withForm;