Validation Error Message only after Touched

[mikeho]

Formik's validation example at https://formik.org/docs/guides/validation shows how they display validation errors per field only after the field itself has been touched, which makes the UI a bit more user-friendly.

I noticed that your library will trigger and display any/all errors immediately after the first onChange.

Can this be updated to be more similar to Formik's recommended approach?

[tgfischer]

Have you tried setting validateOnChange to false? It defaults to true. The sample in the Storybook link does not use this prop, but could probably be updated to include it so it's a more realistic scenario

https://formik.org/docs/api/formik#validateonchange-boolean

[tgfischer]

Just fired up Storybook to add that prop, and I see what you mean. I'll see about addressing this in the next release