Как использовать пользовательский радио-компонент с response-final-form

Question

Я пытаюсь использовать пользовательский компонент Radio с React-final-form, но он действует не как переключатель, а как флажок, т. Е. Все кнопки открыты для выбора.

3-йКнопка Radio party имеет следующую схему:

checked boolean     
Whether or not radio is checked

onChange    () => void      
Called when the user attempts to change the checked state

name    string      
The input name, used to reference the element in JavaScript

Я создал пользовательский компонент для использования компонента Radio:

const CustomRadio = (props: any) => (
    <Radio
        {...props.input}
        {...props.rest}
        name={props.name}
        onChange={() => props.input.onChange()}
    />
)

и использую его следующим образом:

<Field name="food"
component={CustomRadio}
value="1"
/>
<Field name="food"
component={CustomRadio}
value="2"
/>

Будучи очень новым для RFF и новым для React, я могу сделать что-то очень неправильное, поэтому любая помощь будет оценена.

По сути, я хочу использовать RFF со своими сторонними компонентами.Несмотря на то, что мне удалось использовать компонент Input с RFF, как и ожидалось, радиокнопка создает проблемы.