Tengo un componente de autocompletar mui. Estoy tratando de reutilizar este componente de autocompletar con un formulario donde se agregó la validación de formik. Mi componente de autocompletar es,

 const CustomAutoCompleteField = props => { const {rerenderAutocomplete, data, refetchCategoryData, autoCompleteFieldsData, inputLabel, autoCompleteFieldsInputOnChange , onTouch, onErrors,fieldProps, onBlur} = props const [textFieldData, setTextFieldData] = useState(null) const onChangeHandler = (event, value) =>{ } return ( <> <Autocomplete key={rerenderAutocomplete} // value={onEdit && data} isOptionEqualToValue={(option, value) => option.name === value.name} onBlur={onBlur} onChange={onChangeHandler} fullWidth id="tags-outlined" options={autoCompleteFieldsData ? autoCompleteFieldsData : top100Films } getOptionLabel={(option) => option.name} filterSelectedOptions renderInput={(params) => (<TextField required {...params} label={inputLabel} onChange={textFieldInputOnChange} error={Boolean(onTouch && onErrors)} helperText={onTouch && onErrors} {...fieldProps} />)} /> </> ); };

Aquí estoy pasando atributos de formik en accesorios laterales que son, onTouch, onErrors,fieldProps, onBlur.

En el componente My Parent, estoy usando este campo de autocompletar dando accesorios, que son,

 <CustomAutoCompleteField inputLabel='Select Category' onBlur={addNewServiceFormik.handleBlur} onTouch={addNewServiceFormik.touched.selectedCategoryName} onErrors={addNewServiceFormik.errors.selectedCategoryName} fieldProps={addNewServiceFormik.getFieldProps('selectedCategoryName')} />

No sé por qué, cuando hago clic en enviar en mi formulario, este autocompletado no muestra ningún texto de ayuda según la validación del formulario.