Docs - Fomik React Material-UI example missing onBlur for touched

[JoshSinghEscreen]

Bug report

Current Behavior

On the docs https://formik.org/docs/examples/with-material-ui

the example is missing a very important prop to be passed into the TextField component onBlur={formik.handleBlur}

This is needed to show errors when the user has clicked away from the TextField. Otherwise the errors wont show until you click submit. But in a lot of use cases, you want the submit button to be disabled until the form is valid.

Expected behavior

Add onBlur={formik.handleBlur}

I think this is straight-forward. let me know if you need actual examples to try this. i figure you can just add this prop to the editor at https://formik.org/docs/examples/with-material-ui and try it there.

[JayaDeHart]

Because the editor is a linked codesandbox, what I think needs to happen is for the codesandbox itself to be edited. Do you know what the procedure for that is? Here is the sandbox in question: https://codesandbox.io/embed/github/formik/formik/tree/master/examples/with-material-ui?fontsize=14&hidenavigation=1&theme=dark

[github-actions[bot]]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 60 days

[JoshSinghEscreen]

not stale. this should be a simple fix if we know where to do the change