propType for accepting a component as a prop?

Question

Given this contrived example, what is the best definition of componentType?

const componentType = PropTypes.oneOfType([
    PropTypes.shape({render: PropTypes.func.isRequired}), // React.createClass / React.Component ...better way to describe?
    PropTypes.func,                                       // Stateless function
    // others?
]);

const Selector = React.createClass({

    propTypes: {
        components: PropTypes.arrayOf(componentType).isRequired,
        index:      PropTypes.number.isRequired,
    },

    render() {
        const Component = this.props.components[this.props.index];
        return (
            <Component />
        );
    }
});

PropTypes.node is not I'm looking for; its usage would look like this:

<Selector components={[<ThingA  />, <ThingB  />]} />

whereas I want something that would look like:

<Selector components={[ThingA, ThingB]} />

I want to pass types, not instances.

Answer 1

I crossposted to github and got this answer. So it should be:

const componentType = PropTypes.oneOfType([PropTypes.string, PropTypes.func])

func covers types from "classic" react components, ES6 classes, and stateless function components. string covers the native element case (eg "div").

Answer 2

This seems to be most up to date: https://stackoverflow.com/a/55784547/4993912

TLDR;

const propTypes = {
    component: PropTypes.elementType,
    requiredComponent: PropTypes.elementType.isRequired,
};