Function GridListInner

starters/hooks/src/GridList.tsx:94–120

({
  collection,
  layout,
  orientation,
  ...props
}: Omit<GridListProps, 'children'> & {collection: ICollection<Node<object>>})

}

function GridListInner({
  collection,
  layout,
  orientation,
  ...props
}: Omit<GridListProps, 'children'> & {collection: ICollection<Node<object>>}) {
  /*- begin highlight -*/
  let state = useListState({...props, collection, children: undefined});
  let ref = useRef<HTMLDivElement>(null);
  let {gridProps} = useGridList(props, state, ref);
  /*- end highlight -*/

  return (
    <div
      {...gridProps}
      ref={ref}
      className="react-aria-GridList"
      data-layout={layout}
      data-orientation={orientation}>
      <ListStateContext.Provider value={state}>
        {[...state.collection].map(item => (
          <Fragment key={item.key}>{item.render!(item)}</Fragment>
        ))}
      </ListStateContext.Provider>
    </div>
  );
}

export {Text};