Avatar ·

Error "Cannot use JSX unless the '--jsx' flag is provided" en TypeScript y React

¡Hola a todos! Soy nuevo en TypeScript y React, estoy intentando configurar un proyecto, pero me encontré con un error que no puedo resolver desde hace dos días. Tengo un componente simple en React que escribo en un archivo con extensión .tsx: ```tsx import React from 'react'; interface Props { name: string; } const Greeting: React.FC = ({ name }) => { return

Hello, {name}!

; }; export default Greeting; ``` Cuando ejecuto la compilación con `tsc`, obtengo el error: ``` Cannot use JSX unless the '--jsx' flag is provided. ``` Estoy usando TypeScript versión 5.0.3, React 18, y mi tsconfig.json se ve así: ```json { "compilerOptions": { "target": "ES2020", "module": "ESNext", "strict": true, "esModuleInterop": true, "outDir": "./dist",