Formik conflict with RadioGroup and TextField of MUI

[block2k]

Bug report

when entering the textfield or touching the textfield, the error message of the radio group is displayed even though the radio group area has not been touched

Current Behavior

Touch the textfield then untouch, formik.errors display both error message of textfield and RadioGroup even though I haven't touched the radiogroup

Expected behavior

Touch the textfield then untouch, display only error message of textfield

Reproducible example

This is example of this bug
https://codesandbox.io/s/formik-bug-radiogroup-vs-textfield-0tvzcx

Your environment

Software	Version(s)
Formik	2.2.9
React	17.0.2
TypeScript	no
Browser	Chrome
npm/Yarn	npm
Operating System	Win 10 Pro

[vennilamahalingam]

Refer : https://codesandbox.io/s/formik-bug-select-vs-textfield-forked-9mfdsy?file=/src/App.js
Works alright now.

Any particular reason why you have not included formik.touched for Radio button ?
As per other examples from documentation also, I understand that the validation schema runs for all fields and its up to the user to display the error message after making sure formik.touched exists for that particular field element.