[Formik] Validation Schema

BasicForm.tsx

const validationSchema = Yup.object().shape<IFormValues>({
  name: Yup.string().required("Please enter your name"),
  email: Yup.string()
    .email("Please enter valid email")
    .required("Please enter your email"),
  username: Yup.string()
    .required("Please enter username")
    .min(5, "Your username is too short")
    .max(30, "Your username is too long"),
  password: Yup.string()
    .min(5, "Your password is too short")
    .max(30, "Your password is too long"),
  password_confirmation: Yup.string()
    .oneOf([Yup.ref("password"), null], "Password does not match")
    .required("Please retype password")
});