Show errors only after invalid submission

[mike-shtil]

I'm trying to achieve the following flow:

• Form is initialized with some required fields empty
• Form values are set async with some values from the server (still some required fields left empty)
• Initially the fields aren't marked as error (for UX reasons; the user hasn't done anything yet)
• After submitting (if left empty), editing a field and/or blurring a field the fields have errors

demo: https://codesandbox.io/s/formik-dynamic-validation-11g9j

In the demo I manually simulated the desired behavior, while also providing my Formik use case skeleton. Would appreciate some help figuring out a valid and working approach.

Things I tried:

• setting shouldValidate: false on the async setValue
• using resetForm({..., errors: {}, touched: {})