title: Parsing error: Argument for '--jsx' option must be: 'preserve', 'react-native', 'react'
body: <p>I am learning firebase cloud functions and in my <strong>index.ts</strong> folder I get the error message highlighted under <strong>import</strong></p>
  <p>I have no idea what it means and how to solve it the worst part is that the same exact code worked in the firebase tutorial video on youtube</p>
  <p>what is wrong with this code?</p>
  <pre><code>import * as functions from &quot;firebase-functions&quot;;
  
  // Start writing Firebase Functions
  // https://firebase.google.com/docs/functions/typescript
  
  export const helloWorld = functions.https.onRequest((request, response) =&gt; {
    functions.logger.info(&quot;Hello logs!&quot;, { structuredData: true });
    response.send(&quot;Hello from Firebase!&quot;);
  });
  
  </code></pre>
  <p>Here is my tsconfig</p>
  <pre><code>{
    &quot;compilerOptions&quot;: {
      &quot;module&quot;: &quot;commonjs&quot;,
      &quot;noImplicitReturns&quot;: true,
      &quot;noUnusedLocals&quot;: true,
      &quot;outDir&quot;: &quot;lib&quot;,
      &quot;sourceMap&quot;: true,
      &quot;strict&quot;: true,
      &quot;target&quot;: &quot;es2017&quot;
    },
    &quot;compileOnSave&quot;: true,
    &quot;include&quot;: [&quot;src&quot;]
  }
  </code></pre>