How do I handle errors in Formik?

How do I handle errors in Formik?

You can handle errors in Formik by using the errors object in your form's validation schema. Would you like an example?

Yes, please provide an example of how to set it up.

Sure! You can use Yup for validation. Here's a simple example:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('Invalid email').required('Required'),
});

<Formik
  initialValues={{ email: '' }}
  validationSchema={validationSchema}
  onSubmit={values => { /* handle submit */ }}
>
  {({ errors, touched }) => (
    <Form>
      <Field name="email" />
      {errors.email && touched.email ? <div>{errors.email}</div> : null}
      <button type="submit">Submit</button>
    </Form>
  )}
</Formik>

What if I want to display multiple errors?

You can display multiple errors by checking the errors object for each field. Just ensure you handle each field's validation individually.