JSX element type does not have any construct or ca

问题:

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>
);