Combine Formik with TypeScript and React-Select

FormikForm.tsx

const schema = Yup.object({
  dogBreed: Yup.string().required("Required")
})

const options = [
  { value: "terrier", label: "Terrier" },
  { value: "hound", label: "Hound" },
  { value: "corgie", label: "Corgie" },
];

<Formik
  initialValues={{ ...initialValues }}
  validationSchema={schema}
  onSubmit={(values, { setSubmitting }) => {
    console.log("-->> Success: ", values);
    setSubmitting(false);
  }}
>
  <Form>
    <DropDown
      label="What is your dogs breed?"
      name="dogBreed"
      options={options}
      iid="dogBreed"
    />
  </Form>
</Formik>