// what the agent shipped:
import { Formik, Form, Field, ErrorMessage } from 'formik';
import * as Yup from 'yup';

const schema = Yup.object({
  email: Yup.string().email().required(),
});

export function ContactForm() {
  return (
      <Formik validationSchema={schema} validateOnChange ...>
          <Form>
              <Field name="email" />
              <ErrorMessage name="email" />
          </Form>
      </Formik>
  );
}