Function ListBoxInner

starters/hooks/src/ListBox.tsx:60–85

({
  collection,
  ...props
}: AriaListBoxOptions<object> &
  Omit<ListProps<object>, 'children'> & {collection: ICollection<Node<object>>})

}

function ListBoxInner({
  collection,
  ...props
}: AriaListBoxOptions<object> &
  Omit<ListProps<object>, 'children'> & {collection: ICollection<Node<object>>}) {
  /*- begin highlight -*/
  let state = useListState({...props, collection, children: undefined});
  let ref = useRef<HTMLDivElement>(null);
  let {listBoxProps} = useListBox(props, state, ref);
  /*- end highlight -*/

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