The headless ui components like combobox and radio group use an array of options and each option in this array is an object. By default, headless ui sends you the complete information of selected option i.e the complete object of the selected option. But, it is very rare that you will need this. So, I have modified the components to return only the value of the selected option instead of complete object. If you want to stick to the default behaviou you can use the default components

{}

{}

{
  "errors": {},
  "isDirty": false,
  "isSubmitting": false,
  "touchedFields": {},
  "submitCount": 0
}