Tengo un archivo de componente Vue.js (el marco es Quasar) donde, en <template> tengo el siguiente bloque de código:

 <q-btn color="green" label="save & continue editing" @click="saveCase()" />

Es parte de otro código.

Este código está resaltado como un error por TypeScript:

Detalles del error:

 [{ "resource": "/D:/dev-pro/secops-cases/front/src/components/Case.vue", "owner": "_generated_diagnostic_collection_name_#0", "code": "17004", "severity": 8, "message": "Cannot use JSX unless the '--jsx' flag is provided.", "source": "ts", "startLineNumber": 108, "startColumn": 11, "endLineNumber": 112, "endColumn": 13 }]

¿Qué significa? No uso React en absoluto, solo Vue.js, Quasar y TypeScript. <q-btn> es el único elemento que está resaltado como erróneo, cualquier otro elemento (genérico o Quasar) está bien.