Combobox Multiple with complex objects as hidden fields

[VSVS]

Im using Combobox to select multiple options as uncontrolled inputs but my hidden input fields are using square bracket notations.
This is confusing my backend as it has no idea how to process these fields.

<input type="hidden" name="person[0][id]" value="1" />
<input type="hidden" name="person[0][name]" value="bob" />
<input type="hidden" name="person[1][id]" value="2" />
<input type="hidden" name="person[1][name]" value="jim" />

I simply want:

<input type="hidden" name="person" value="1" />
<input type="hidden" name="person" value="2" />

In order to achieve my expected result do I need two arrays, one for all options and one for selected data? And use the by="id" prop for Combobox to make the comparison?

pseudo code example:

const people = [
  { id: 1, name: 'Durward Reynolds' },
  { id: 2, name: 'Kenton Towne' },
  { id: 3, name: 'Therese Wunsch' },
  { id: 4, name: 'Benedict Kessler' },
  { id: 5, name: 'Katelyn Rohan' },
];

const [selected, setSelected] = useState([people[0], people[1]]);
const handleChange = (option) => {
 setSelected(/*update state*/) // array of ids
}

return (
 <Combobox 
  value={selected}
  onChange={handleChange}
  multiple
  name="person"
  by="id"
>
...

)