-
Couldn't load subscription status.
- Fork 1.3k
Closed
Description
Provide a general summary of the issue here
After upgrading to react-aria-components 1.2.2, I began encountering an issue with Combobox where nested collections aren't rendered immediately.
I have a component structure that looks like this, with the behavior as comments:
const Component = () => {
<Popover>
<Suspense>
<SubComponent />
}
const SubComponent = () => {
useSuspenseQuery()
<Menu items={...}> // <--- 1. This renders after Suspense query is done
(section =>
<MenuSection>
<Header /> // <--- 2. This appears at the same time as the Menu
<Collection items={section.items}>
<MenuItem /> // <--- 3. This appears after a short delay, after everything elseInstead, I would expect to see the full Menu, Header, MenuItems rendered as soon as the suspense query is resolved.
🤔 Expected Behavior?
Behavior on [email protected]
Screen.Recording.2025-09-17.at.18.31.55.mov
😯 Current Behavior
Behavior on [email protected]
Screen.Recording.2025-09-17.at.18.29.20.mov
💁 Possible Solution
No response
🔦 Context
No response
🖥️ Steps to Reproduce
https://codesandbox.io/p/sandbox/react-aria-combobox-bug-forked-q3khch
Version
What browsers are you seeing the problem on?
Firefox, Chrome
If other, please specify.
No response
What operating system are you using?
MacOS
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response
Metadata
Metadata
Assignees
Labels
No labels