fix: properly handle 0 as row ID (#9087)

Co-authored-by: Robert Snow <rsnow@adobe.com>

Author: chirokas

packages/@react-aria/collections/src/CollectionBuilder.tsx

@@ -221,7 +221,7 @@ const CollectionContext = createContext<CachedChildrenOptions<unknown> | null>(n
 export function Collection<T extends object>(props: CollectionProps<T>): JSX.Element {
   let ctx = useContext(CollectionContext)!;
   let dependencies = (ctx?.dependencies || []).concat(props.dependencies);
-  let idScope = props.idScope || ctx?.idScope;
+  let idScope = props.idScope ?? ctx?.idScope;
   let children = useCollectionChildren({
     ...props,
     idScope,

packages/@react-aria/collections/src/useCachedChildren.ts

@@ -50,7 +50,7 @@ export function useCachedChildren<T extends object>(props: CachedChildrenOptions
             throw new Error('Could not determine key for item');
           }
 
-          if (idScope) {
+          if (idScope != null) {
             key = idScope + ':' + key;
           }
           // Note: only works if wrapped Item passes through id...

packages/react-aria-components/stories/Table.stories.tsx

@@ -212,10 +212,10 @@ let columns = [
 ];
 
 let rows = [
-  {id: 1, name: 'Games', date: '6/7/2020', type: 'File folder'},
-  {id: 2, name: 'Program Files', date: '4/7/2021', type: 'File folder'},
-  {id: 3, name: 'bootmgr', date: '11/20/2010', type: 'System file'},
-  {id: 4, name: 'log.txt', date: '1/18/20167', type: 'Text Document'}
+  {id: 0, name: 'Games', date: '6/7/2020', type: 'File folder'},
+  {id: 1, name: 'Program Files', date: '4/7/2021', type: 'File folder'},
+  {id: 2, name: 'bootmgr', date: '11/20/2010', type: 'System file'},
+  {id: 3, name: 'log.txt', date: '1/18/20167', type: 'Text Document'}
 ];
 
 export const TableDynamicExample: TableStory = () => {
@@ -228,7 +228,7 @@ export const TableDynamicExample: TableStory = () => {
       </TableHeader>
       <TableBody items={rows}>
         {(item) => (
-          <Row columns={columns}>
+          <Row columns={columns} id={item.id}>
             {(column) => {
               return <Cell>{item[column.id]}</Cell>;
             }}