reactjs - Error de análisis: El argumento para la opción '--jsx' debe ser: 'preserve', 'react-native', 'react'

Estoy aprendiendo Firebase Cloud Functions y en mi carpeta index.ts recibo el mensaje de error resaltado bajo import

No tengo idea de lo que significa ni de cómo resolverlo, la peor parte es que el mismo código exacto funcionó en el video tutorial de Firebase en YouTube

¿qué está mal con este código?

import * as functions from "firebase-functions";

// Start writing Firebase Functions
// https://firebase.google.com/docs/functions/typescript

export const helloWorld = functions.https.onRequest((request, response) => {
  functions.logger.info("Hello logs!", { structuredData: true });
  response.send("Hello from Firebase!");
});

Aquí está mi tsconfig

{
  "compilerOptions": {
    "module": "commonjs",
    "noImplicitReturns": true,
    "noUnusedLocals": true,
    "outDir": "lib",
    "sourceMap": true,
    "strict": true,
    "target": "es2017"
  },
  "compileOnSave": true,
  "include": ["src"]
}

Respuesta #1

{
  "compilerOptions": {
    "module": "commonjs",
    "noImplicitReturns": true,
    "noUnusedLocals": true,
    "outDir": "lib",
    "sourceMap": true,
    "strict": true,
    "target": "es2017",
    "jsx": "react"
  },
  "compileOnSave": true,
  "include": ["src"]
}

añadir "jsx": "react" en compilerOptions

Respuesta #2

Si tu configuración es un monorepo con múltiples paquetes, es posible que el problema se deba a varias versiones diferentes de TypeScript. Tenía 2 versiones principales diferentes en varios paquetes. Cuando las unifiqué a una sola, el error desapareció.

O tal vez la versión de TypeScript de tu editor frente al proyecto como se muestra aquí