What does the error “JSX element type '…' does not have any construct or call signatures” mean?

Question

I wrote some code:

function renderGreeting(Elem: React.Component) {
    return Hello, !;
}
         


        

Answer 1

You can use

function renderGreeting(props: {Elem: React.Component}) {
    return Hello, {props.Elem}!;
}

However, does the following work?

function renderGreeting(Elem: React.ComponentType) {
    const propsToPass = {one: 1, two: 2};

    return Hello, !;
}