fix: prevent items from getting continually loaded in S2 async TreeView

[yihuiliao]

found during testing where the S2 async loading tree story continually loads new items even if you aren't scrolling to the bottom anymore which was caused by #9747

the root cause is because we now always render TreeView in a wrapper. in this particular story, the wrapper has no constrained height, so it expands to fit all its content and so we continually load more items.

the other alternative solution is to just fix the story and pass a height directly onto TreeView but it feels like there might be other people relying on the parent container to constrain the TreeView height

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

Go to the S2 async loading TreeView example and make sure it doesn't continuously load new items even when you aren't scrolled to the bottom

🧢 Your Project:

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the S2 docs
• View the React Aria docs

[devongovett]

I guess this is an ok default. We don't have it on any of our other collections though... Is the issue treeview specific?

[snowystinger]

I checked the equivalent TableView and ListView stories, they would have the same problem, but we pass a height to each of them at the root of the stories configuration.

react-spectrum/packages/@react-spectrum/s2/stories/ListView.stories.tsx

Line 50 in beda778

styles: style({height: 320})

Remove that and add the resizing container, the ListView will also infinitely load.