unified-formik-field-FormItem.jsx

import {connect} from 'formik';

const FormItem = connect(props => {
  const { label, ...inputProps } = props;
  const { errors, touched } = props.formik;
  return (
    <div>
      {label && <label>{label}</label>}

      <FormInput {...inputProps} />

      {errors[inputProps.name] && touched[inputProps.name] && <p>{errors[inputProps.name]}</p>}
    </div>
  );
});