<Select> can provide props "selectedIndex"

[chapman-cc]

the native HTML <select> does provide additional details like

const el = document.querySelector("select#flights");
const selectedFlight = flights[el.selectedIndex];
flight.name
flight.destination
flight.distance
...

so although you don't pass the entire flight object but only a string value, you can still access the selectedIndex
and get the dedicated flight object by index with O(1)

I understand the Radix's <Select> is actually not a select but there might be some way to pass the index of the selected index to, say maybe onValueChange