How to create a radio-button group in Formik?

Question

React

I do user registration using Formik.
I googled how to make the button radio shape, but there is a problem.

export default function RadioButton({ options }) {
    return (
        <Field component="div">
            {
                options.map((option, index) => {
                    return (
                        <div className="radio" key={ index }>
                            <input
                                type="radio"
                                id={ option.id }
                                value={ option.value }
                            />
                            <label htmlFor={option.id}>{option.key}</label>
                        </div>
                    )
                })
            }
        </Field>
    )
}

Firstly, I have all radio buttons selected as checkboxes)
The second thing that worries me is handleChange and handleBlur, how can I add them to the component too?

Answer 1

First, you need to add a name for the radio inputs....
The main page has everything you need