JSX element type does not have any construct or call signatures

Question

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?

Your code looks correct to me; which version of Typescript are you using? It seems it's [1.8](https://github.com/Microsoft/TypeScript/wiki/What's-new-in-TypeScript#stateless-function-components-in-react) that provided more support with React stateless function components. — Johnny Magrippis, Jun 07 '16 at 10:00
I have the same problem. Doesn't seem to support stateless components. ts 1.8.10. — ieugen, Aug 22 '16 at 20:37
Do you still get the message when you default export the App directly, without the cssModules HOC? Do you still have the problem when changing the filename of app.tsx, and you do not get an error message about thhe unresolveable require? — Fabian S, Jan 29 '19 at 14:09

score 2 · Answer 1 · edited Oct 11 '18 at 20:29

2

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

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

edited Oct 11 '18 at 20:29

mawburn

answered Jun 07 '16 at 12:56

Richard

4

Here you are casting `App` as an `Any` type and bypassing the type system. The Typescript errors went away because now you are effectively just using Javascript. – Connor Finn McKelvey Nov 04 '17 at 22:17

score 1 · Answer 2 · answered Jun 07 '16 at 10:24

1

How about:

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

answered Jun 07 '16 at 10:24

vorillaz

Thanks, but I don't see how that helps. The app.ts file is returning `cssModules(App, css)`, not the function App in the app.ts file. – Richard Jun 07 '16 at 11:15

score 0 · Answer 3 · answered Jan 05 '17 at 20:23

0

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

answered Jan 05 '17 at 20:23

3 Answers3