[Polaris Components - Combobox - Listbox.Option] Cannot use React.Node children

Topic summary

A developer reports a discrepancy between TypeScript documentation and actual behavior for the Polaris Combobox Listbox.Option component.

While the documentation indicates the component accepts ReactNode children, attempting to pass anything other than a string causes the component to break. The developer is seeking guidance on how to render custom components within listbox options.

An accompanying screenshot appears to illustrate the documentation or the issue. Another user has confirmed experiencing the same problem.

Status: The issue remains unresolved with no official response or workaround provided yet.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Hello,

the typescript documentation says that the Listbox.Option component accepts ReactNode children but it’s not true. Anytime I add something different than a string everything breaks.
What can we do about this if we want to show some custom components inside a listbox options?

Thank you,
Andrei

1 Like

I have the same issue