CollectionChildren type not available

[luansantosti]

Hey guys, I'm creating a custom ComboBox and have a question.
Basically, my component will need to have a children of type ReactNode and not the CollectionChildren<T> as expected and shown in the docs.
But since ComboBox expected the children to be of type CollectionChildren<T>, I had to do this:

• I changed the expected children type from CollectionChildren<T> to ReactNode.
• I created a new prop called collection of type ComboBoxPropsBase<T>["children"] (since CollectionChildren<T> is not available), which will be used in useComboBoxState hook as children;

Here is the implementation:

    interface ComboBoxProps<T> extends Omit<ComboBoxPropsBase<T>, "children"> {
       icon?: ReactNode;
       loading?: boolean;
       input?: ReactNode;
       children: ReactNode;
       collection: ComboBoxPropsBase<T>["children"];
   }

   <ComboBox
        items={fieldState.items}
        selectedKey={fieldState.selectedKey}
        inputValue={fieldState.inputValue}
        onSelectionChange={onSelectionChange}
        onInputChange={onInputChange}
        placeholder="Type..."
        collection={(item) => <Item>{item.name}</Item>}     <----- here
      >
        <ComboBoxLabel>Favorite Country</ComboBoxLabel>
        <ComboBoxInput placeholder="type..." />
      </ComboBox>

const state = useComboBoxState({
    ...props,
    children: collection,  <----- here
    defaultFilter: contains,
});

btw, my custom ComboBoxLabel and ComboBoxInput are consuming their props from a context.

Since CollectionChildren<T> type is not available by default, what do you guys think about this approach? do you know if there is another way for me to achieve the same result?

thanks a lot in advance!