onBlur sets field invalid for split second while field is actually valid

[dommuldoon]

🐛 Bug report

Current Behavior

We are trying to send and validation errors to gtm datalayer. The problem is - while you dont see this in normally using the site the field is actually seen as invalid onBlur ( touched and error === true ) and this causes our function to send the event to the datalayer to be called even though the field is valid.

You can see here while paused in debugger the field is invalid but actually is valid as there is data in the field.

Expected behavior

Field should not be invalid even for split second while validating onBlur and no validation event should sent whilst the field is valid.

We are basically implementing something very similar to this idea:

https://codesandbox.io/embed/formik-example-integrating-api-errors-with-status-wijwe

Additional context

Your environment

Software	Version(s)
Formik	1.5.8
React	16
TypeScript	3.5.3
Browser
npm/Yarn	npm
Operating System

[vsubbotskyy]

might be related to the issue with crossvalidation