@headlessui Combobox custom onChange handler

[mukultayal]

Custom onChange handler

const [selectedPerson, setSelectedPerson] = useState(people[0])

<Combobox value={selectedPerson} onChange={setSelectedPerson} onClose={() => setQuery('')}>
      <ComboboxInput
        aria-label="Assignee"
        displayValue={(person) => person?.name}
        onChange={(event) => setQuery(event.target.value)}
      />
      <ComboboxOptions anchor="bottom" className="empty:hidden">
        {filteredPeople.map((person) => (
          <ComboboxOption key={person.id} value={person} className="data-[focus]:bg-blue-100">
            {person.name}
          </ComboboxOption>
        ))}
      </ComboboxOptions>
</Combobox>

In the above sample code it seems onChange of combobox always take the setter of state, I tried to give a custom handler but then the selected parameter in function that comes is only value not the full option with label.
Any way to get the entire selected option

[Odysseus14]

Second this, upgraded from 1.7 to 2 and combobox has stopped working, rendering the object as opposed to the string