Avatar ·

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

Olá a todos! Sou novo em React e TypeScript, estou tentando configurar meu primeiro projeto. Instalei o create-react-app com o template TypeScript, mas ao compilar recebo o erro:\n\n```\nCannot use JSX unless the '--jsx' flag is provided.\n```\n\nMeu código no arquivo App.tsx está assim:\n\n```tsx\nimport React from 'react';\n\nconst App: React.FC = () => {\n return (\n
\n

Hello, World!

\n
\n );\n};\n\nexport default App;\n```\n\nCriei o projeto através de `npx create-react-app my-app --template typescript`. Na pasta existe o tsconfig.json, mas não olhei dentro dele. Quando executo `npm start`, tudo funciona, mas se tento compilar o projeto manualmente com `tsc`, recebo esse erro.\n\nTambém notei que se eu mudar a extensão do arquivo de .tsx para .ts, o erro desaparece, mas a