Forum

Landing page cannot be used as JSX component

0
Topic starter

Hello Experts,

can anyone help solving below issue?

FAIL
_tests_/step-definitions/LandingPage.web.steps.tsx
Test suite failed to run
33
tests_/step-definitions/Landing Page.web.steps.tsx:33:37 – error TS2786: ‘Landing Page’ cannot be used as a JSX component. Its instance type ‘Landing Page’ is not a valid JSX element.
The types returned by ‘render()’ are incompatible between these types.
Type ‘Element’ is not assignable to type ‘ReactNode’.
Property ‘children’ is missing in type ‘Element’ but required in type ‘ReactPortal’.
LandingPageBlock shallow (<LandingPage {…screenProps} />);
./../../node_modules/@types/react-native/node_modules/@types/react/ts5.0/index.d.ts: 378:9
378
children: ReactNode;
‘children’ is declared here.

Test Suites: 2 failed, 2 total
0 total
Snapshots: 0 total
Tests:
Time:
6.146 s
Ran all test suites.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

This topic was modified 8 months ago by Lps75
Topic Tags
2 Answers
0

you need to set paths and baseUrl in your block’s tsconfig.base.json file.

This post was modified 8 months ago by sakibmemon
0
Topic starter
"baseUrl": "./",
"paths": {
"react": [
"../node_modules/@types/react"
]
},
This post was modified 8 months ago by Lps75