Fix bug where listbox rect wasnt updating in async case (#6724)

Author: LFDanLu

packages/@react-aria/dnd/stories/VirtualizedListBox.tsx

@@ -168,7 +168,6 @@ export const VirtualizedListBox = React.forwardRef(function (props: any, ref) {
         {...mergeProps(collectionProps, listBoxProps)}
         ref={domRef}
         className={classNames(dndStyles, 'droppable-collection', 'is-virtualized', {'is-drop-target': isDropTarget})}
-        sizeToFit="height"
         scrollDirection="vertical"
         layout={layout}
         collection={state.collection}

packages/@react-aria/virtualizer/src/ScrollView.tsx

@@ -33,7 +33,6 @@ interface ScrollViewProps extends HTMLAttributes<HTMLElement> {
   onVisibleRectChange: (rect: Rect) => void,
   children?: ReactNode,
   innerStyle?: CSSProperties,
-  sizeToFit?: 'width' | 'height',
   onScrollStart?: () => void,
   onScrollEnd?: () => void,
   scrollDirection?: 'horizontal' | 'vertical' | 'both'
@@ -60,7 +59,6 @@ export function useScrollView(props: ScrollViewProps, ref: RefObject<HTMLElement
     contentSize,
     onVisibleRectChange,
     innerStyle,
-    sizeToFit,
     onScrollStart,
     onScrollEnd,
     scrollDirection = 'both',
@@ -159,14 +157,6 @@ export function useScrollView(props: ScrollViewProps, ref: RefObject<HTMLElement
     let w = isTestEnv && !isClientWidthMocked ? Infinity : clientWidth;
     let h = isTestEnv && !isClientHeightMocked ? Infinity : clientHeight;
 
-    if (sizeToFit && contentSize.width > 0 && contentSize.height > 0) {
-      if (sizeToFit === 'width') {
-        w = Math.min(w, contentSize.width);
-      } else if (sizeToFit === 'height') {
-        h = Math.min(h, contentSize.height);
-      }
-    }
-
     if (state.width !== w || state.height !== h) {
       state.width = w;
       state.height = h;

packages/@react-aria/virtualizer/src/Virtualizer.tsx

@@ -30,7 +30,6 @@ interface VirtualizerProps<T extends object, V, O> extends Omit<HTMLAttributes<H
   layout: Layout<T, O>,
   collection: Collection<T>,
   persistedKeys?: Set<Key> | null,
-  sizeToFit?: 'width' | 'height',
   scrollDirection?: 'horizontal' | 'vertical' | 'both',
   isLoading?: boolean,
   onLoadMore?: () => void,
@@ -43,7 +42,6 @@ function Virtualizer<T extends object, V extends ReactNode, O>(props: Virtualize
     renderWrapper,
     layout,
     collection,
-    sizeToFit,
     scrollDirection,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     isLoading,
@@ -81,7 +79,6 @@ function Virtualizer<T extends object, V extends ReactNode, O>(props: Virtualize
       contentSize={state.contentSize}
       onScrollStart={state.startScrolling}
       onScrollEnd={state.endScrolling}
-      sizeToFit={sizeToFit}
       scrollDirection={scrollDirection}>
       {renderChildren(null, state.visibleViews, renderWrapper || defaultRenderWrapper)}
     </ScrollView>

packages/@react-spectrum/listbox/src/ListBoxBase.tsx

@@ -112,7 +112,6 @@ function ListBoxBase<T>(props: ListBoxBaseProps<T>, ref: RefObject<HTMLDivElemen
           ref={ref}
           persistedKeys={persistedKeys}
           autoFocus={!!props.autoFocus || undefined}
-          sizeToFit="height"
           scrollDirection="vertical"
           className={
             classNames(