Creé una aplicación de reacción en un espacio de trabajo de NX usando nx g @nrwl/react:application --js --unitTestRunner=none --e2eTestRunner=none my-project

Entonces desarrollé mi proyecto. Finalmente, cuando quiero ejecutar mi proyecto usando nx serve my-project , aparece el siguiente error:

Syntax error: Support for the experimental syntax 'jsx' isn't currently enabled

Me di cuenta de que está relacionado con la configuración de babel del proyecto, así que instalé @babel/preset-react @babel/preset-env y reemplacé el contenido del archivo .babelrc

configuración antes de cualquier cambio:

 { "presets": [ [ "@nrwl/react/babel", { "runtime": "automatic", "importSource": "@emotion/react" } ] ], "plugins": ["@emotion/babel-plugin"] }

.babelrc después de instalar paquetes

 { "presets": [ "@babel/preset-env", "@babel/preset-react" ] }

También cambié la propiedad jsx en compilerOptions de tsconfig.json de "react-jsx" a "react"

pero cuando ejecuto nx serve my-project nuevamente, aparece ese error nuevamente.

¿Qué tengo que hacer? ¿Hay alguna solución?