Function MenuInner

starters/hooks/src/Menu.tsx:99–119

({
  collection,
  ...props
}: AriaMenuOptions<object> &
  Omit<TreeProps<object>, 'children'> & {
    collection: ICollection<Node<object>>;
  })

}

function MenuInner({
  collection,
  ...props
}: AriaMenuOptions<object> &
  Omit<TreeProps<object>, 'children'> & {
    collection: ICollection<Node<object>>;
  }) {
  let state = useTreeState({...props, collection, children: undefined});
  let ref = useRef<HTMLUListElement>(null);
  let {menuProps} = useMenu(props, state, ref);

  return (
    <ul {...menuProps} ref={ref} className="react-aria-Menu">
      <TreeStateContext.Provider value={state}>
        {[...state.collection].map(item => (
          <Fragment key={item.key}>{item.render!(item)}</Fragment>
        ))}
      </TreeStateContext.Provider>
    </ul>
  );
}