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

Question

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

I wrote some code:

function renderGreeting(Elem: React.Component<any, any>) {

    return <span>Hello, <Elem />!</span>;

}

I'm getting an error:

JSX element type Elem does not have any construct or call signatures
What does it mean?

typescript reactjs

4 years ago by Bharatgxwzm

2 Answers

Login / Signup to Answer the Question.

Login Signup

**espadacoder11** · Answer 1 · 2021-08-03T12:16:15

If you want to take a component class as a parameter (vs an instance), use React.ComponentClass:



function renderGreeting(Elem: React.ComponentClass<any>) {

    return <span>Hello, <Elem />!</span>;

}

**sandhya6gczb** · Answer 2 · 2021-08-04T13:30:05

When I'm converting from JSX to TSX and we keep some libraries as js/jsx and convert others to ts/tsx I almost always forget to change the js/jsx import statements in the TSX\TS files from



import * as ComponentName from "ComponentName";

to



import ComponentName from "ComponentName";

If calling an old JSX (React.createClass) style component from TSX, then use



var ComponentName = require("ComponentName")

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

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

2 Answers

Login / Signup to Answer the Question.