I have a radio button inside a .map method and the first is checked defaultChecked={index === 0}, how do I get the value of the option here? without using plain javascript

const [optionData, setOptionData] = useState({})



{variant.options.map((option, index) => {


<input
                                  type="radio"
                                  name="variant-select"
                                  id="variant-select"
                                  className="focus:ring-0 focus:ring-offset-0 focus:text-red-600 text-red-600 border-none -mt-1 cursor-pointer z-10"
                                  defaultChecked={index === 0}
                                  value={index}
                                  onClick={(e) => {
                                    setOptionData(option)
                                    }
                                  }}
                                />
}
}