Using the same Collection in multiple components

[Joonaspraks]

I am constructing a multiselect in react-aria. I use the same Collection to both display Options in the ListBox and display the selected Options in a TagGroup. Because I am using the same Collection in both components I get overlapping focus events. For example, hovering on a selected ListBox Option sets focus on the matching Tag.

What are the approaches for this problem? I could override the keys for the TagGroup, but then I lose the out-of-the-box support for the Tag's onRemove capabilities.

There is a similar discussion here: #3785

[LFDanLu]

Thinking out loud, perhaps we could look into adding a unique identifier to each SelectionManager that would then be added a option's generated data-key along with its key here. That way the query selector used for focus would be scoped to the selection manager + collection pair rather than to the collection only.

EDIT:
For clarification, is your TagGroup and ListBox within the same scrollRef (scrolling container)? If not, then I'm surprised that this is an issue since the code that controls focus usually only is triggered if it the overall collection has focus within it