Radio field never gets touched with MUI - cannot validate

[BernardA]

Radio field never gets touched

Validation is not triggering as the field never gets touched as in meta.touched. So the form will submit without the required radio button being selected.

Your environment

Software	Version(s)
redux-form	7.2.1
redux	4.0.5
react-redux	7.2.1
react	17.0.2
react-dom	17.0.2
node	14.17.3
npm if using	7.19.1
yarn if using
flow if using
typescript if using
Browser	Firefog
Operating System	Mac OS

Steps to reproduce

The form field:

                     <Field
                        name="isOffer"
                        component={renderRadio}
                        validate={[required]}
                        row
                    >
                        <Radio value="1" label={trans[LANG].offer} />
                        <Radio value="0" label={trans[LANG].request} />
                    </Field>

The renderRadio component:

   export const renderRadio = (field) => {
      const {
         meta: { touched, error },
     } = field;
  return (
    <FormControl>
        <RadioGroup
            aria-label={field.input.name}
            name={field.input.name}
            row={field.row}
            {...field.input}
            {...field.rest}
        >
            {field.children.map((child) => (
                <FormControlLabel
                    key={child.props.value}
                    value={child.props.value}
                    control={<Radio color="primary" />}
                    label={child.props.label}
                />
            ))}
        </RadioGroup>
        <span className="form_error">{touched ? error : ''}</span>
    </FormControl>
   );
};

Expected behaviour

Should trigger validation

Actual behaviour

No validation

Other information

I have checked a few of the issues here like this one or this one, but they do not really address this.