ListBox Options can not be "selected" with existing data when multiple is added

[ginzatron]

When initializing a listbox with already selected items that are complex objects, with the multiple prop set, I can not get them to appear as selected in the drop down list.

I initialize the list as
const [selectedMaterials, setSelectedMaterials] = useState<FlyMaterial[]>( instruction.materials ?? [] );

set the Listbox component props as
<Listbox value={selectedMaterials} onChange={handleMaterialChange} multiple >

and when an item from the list is selected, and I log the existing array, the correct array is returned. i.e if there was one item "pre-selected" and another was clicked, the selecteMaterials array has 2 items with only the most recent showing as checked in the listbox options.

is this a bug or am I possibly setting up the component incorrectly. Not sure which code I should provide. But if anyone else has had this issue, I would appreciate some insight.

[ginzatron]

addressed here
#1482