Is it possible to specify which components can be passed to children?

Question

typescript

Tell me, can I somehow specify which components can be passed to children.
Or is it only left to use the type children: React.ReactElement?

Answer 1

Anything can be passed to children. The question is how the component will use it.
For example, in the Render Props pattern, children are passed as a function.
// edit-response to comment
Somehow it should work.

import React from 'react';

interface MyComponentProps {
  children: (items: string[]) => void;
  regexp: RegExp;
  items: string[];
}

export const MyComponent: React.FC<MyComponentProps> = ({ children, items, regexp }) => {
  return children(items.filter(item => regexp.test(item)));
}