ReactElement not assignable

[AhmedHadjTaieb]

Hello,

I am using Next.js, and I have a problem when trying to test a component with react.createNode or react.createElement. The test cannot understand my component and displays errors. However, on all other components that do not use these features, the tests work fine. My environment:

"next": "14.0.1", "typescript": "5.2.2", "react": "18.2.0", "react-dom": "18.2.0", "@testing-library/jest-dom": "5.16.5" "@testing-library/react": "14.1.2", "@types/react": "18.2.14", "@types/react-dom": "18.2.6", "jest-environment-jsdom": "29.3.1", "ts-jest": "29.1.0",

What I did:

Problem description:

Argument of type 'boolean' is not assignable to parameter of type 'ReactElement<any, string | JSXElementConstructor>'.ts(2345) Parsing error: '>' expected.eslint 'ListPageActionBar' refers to a value, but is being used as a type here. Did you mean 'typeof ListPageActionBar'?

[eps1lon]

Looks like you're using a .ts file not a .tsx file. Can you provide a cloneable repro or, ideally, a TypeScript playground?

[AhmedHadjTaieb]

It's a .tsx file, not .ts. As for the report, it may not be possible; perhaps we need to create another project with the same configuration, but that will take some time.

[eps1lon]

It's likely an editor misconfiguration. It parses the file as ts not tsx hence the "Parsing error: '>' expected".