reactjs - 'SafeAreaView' kan inte användas som en JSX-komponent


Hej, jag använder React Native med TypeScript för första gången. Jag får detta fel från TypeScript på alla element från react-native

TS2786: 'SafeAreaView' kan inte användas som en JSX-komponent. Dess instanstyp 'SafeAreaView' är inte ett giltigt JSX-element. Typen 'NativeMethods' saknar följande egenskaper från typen 'ElementClass': render, context, setState, forceUpdate, och 2 till.

Jag har försökt uppdatera @types/react @types/react-dom. Jag har också försökt lägga till följande i package.json och köra yarn, men det fungerar inte för mig.

 "resolutions": {
    "@types/react": "18.0.28",
    "@types/react-dom": "^18.0.11"
  }

Svar #1

Så jag upptäckte att min TypeScript-version var föråldrad. Att uppdatera till 5.0.2 löste problemet. Den äldre versionen var 4.0.8. Eftersom det var en större uppdatering tror jag att den nya react-native kan använda någon syntax eller funktion som inte var kompatibel med TS 4.x.