Avatar ·

Erro "Cannot use JSX unless the '--jsx' flag is provided" no TypeScript e React

Olá a todos! Sou novo no TypeScript e React, estou tentando configurar um projeto, mas me deparei com um erro que não consigo resolver já faz dois dias. Tenho um componente simples em React que estou escrevendo em um arquivo com extensão .tsx: ```tsx import React from 'react'; interface Props { name: string; } const Greeting: React.FC = ({ name }) => { return

Hello, {name}!

; }; export default Greeting; ``` Quando executo a compilação com `tsc`, recebo o erro: ``` Cannot use JSX unless the '--jsx' flag is provided. ``` Estou usando TypeScript versão 5.0.3, React 18, e meu tsconfig.json está assim: ```json { "compilerOptions": { "target": "ES2020", "module": "ESNext", "strict": true, "esModuleInterop": true, "outDir": "./dist",