JSX element type does not have any construct or call signatures

问题

I'm using this simple React element on the left as my root element on the page in the right.

How do I fix the error shown?

回答1:

This hacky typecast makes the error go away, though I don't understand it at all:

const App: any = require('./components/views/app/app');

回答2:

How about:

class App extends React.Component<any, any> {
    render() {
        return <div>foo</div>;
    }
}

回答3:

React expects a React.StatelessComponent from the imported App in mainScreenHelper.tsx This means that you need to provide that interface in App

interface IProps {}
const App : React.StatelessComponent<IProps> = () => (
   <div></div>
);

来源：https://stackoverflow.com/questions/37675920/jsx-element-type-does-not-have-any-construct-or-call-signatures