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 pickFormikBag = 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',
]);

const withForm = (config: Config) => {
  const HOC = compose(
    withFormik(config),
    withHandlers({
      handleSubmit: props => e => {
        e.preventDefault();
        return config.handleSubmit(
          props.values,
          { props, ...pickFormikBag(props) },
          e
        );
      },
    }),
    withContext(
      {
        formik: PropTypes.object,
      },
      props => ({
        formik: pickFormikBag(props),
      })
    )
  );
  return HOC;
};

export default withForm;