On blur function is being called after the submit on React Native

[pedrohenriiz]

Bug report

Current Behavior

I'm using Formik on a React Native app and I have two fields, discount percentage and discount value. When I change the discount percentage, the discount value changes and vice versa. I execute this process at onBlur function. But, when the user clicks to submit the form, the submit function is executing before the onBlur is called.

Additional context

I made a workaround using a state, verifying if the field has already passed on onBlur function, on submit function, but I think this is not the best approach.

async function onSubmit({
discountPercentage: newDiscountPercentage,
discountValue: newDiscountValue,
totalProducts: newTotalProducts,
total: newTotal,
paymentMethodId: newPaymentMethodId,
observation: newObservation,
},
{ setSubmitting, setFieldError }
) {
console.log('On submit');
if (!isValidToSubmit) {
   setFieldError('discountPercentage', 'message');
   toast.error('message!');
   return setSubmitting(false);
}

Also, I'm using the useFormik hook with this settings

const {
   handleChange,
   handleSubmit,
   handleBlur,
   values,
   errors,
   touched,
   setFieldValue,
   dirty,
  } = useFormik({
   initialValues,
   onSubmit,
   validationSchema: ValidationSchema(totalProducts),
 });

If more info is needed, I can provide more, but, since the project has a lot of fields and details, I can't provide any reproducible code.

Your environment

Software	Version(s)
Formik	2.2.8
React	17.0.1
React Native	0.64.1

[kdkaushikdalvi]

I'm also facing similar issue on 2.2.6