What is the right way to accept components as children only with a specific props shape?

[farooqkz]

Hello. I have a ListView component which I want it to accept children only with isFocused prop. What is the right way to achieve this? I am roughly thinking of this as ListView props shape:

interface SupportsFocus {
  isFocused: boolean;
}

interface ListViewProps {
  children: Array<Component<any, any & SupportsFocus>>;
  randomParam: boolean;
}

component ListView<ListViewProps, ListViewState> {
  ...
}