title: NeoVim for TypeScript React development
body: <p>I am new to vim. I just wanted to check out my configuration with react and since I use typescript with react I tried creating a simple demo app so I ran <code>npx create-react-app demo --template typescript</code>.
  Afterward, I ran <code>nvim .</code> inside the directory, but when I selected any of the components, I get this warning:</p>
  <blockquote>
  <p>Cannot use JSX unless the '--jsx' flag is provided. (FixIt)</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/LVX9N.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LVX9N.png" alt="warning preview" /></a></p>
  <p>even though it is specified in the tsconfig.json file</p>
  <p>tsconfig.json file:</p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;compilerOptions&quot;: {
      &quot;target&quot;: &quot;es5&quot;,
      &quot;lib&quot;: [
        &quot;dom&quot;,
        &quot;dom.iterable&quot;,
        &quot;esnext&quot;
      ],
      &quot;allowJs&quot;: true,
      &quot;skipLibCheck&quot;: true,
      &quot;esModuleInterop&quot;: true,
      &quot;allowSyntheticDefaultImports&quot;: true,
      &quot;strict&quot;: true,
      &quot;forceConsistentCasingInFileNames&quot;: true,
      &quot;noFallthroughCasesInSwitch&quot;: true,
      &quot;module&quot;: &quot;esnext&quot;,
      &quot;moduleResolution&quot;: &quot;node&quot;,
      &quot;resolveJsonModule&quot;: true,
      &quot;isolatedModules&quot;: true,
      &quot;noEmit&quot;: true,
      &quot;jsx&quot;: &quot;react-jsx&quot;
    },
    &quot;include&quot;: [
      &quot;src&quot;
    ]
  }
  </code></pre>
  <p>I did install a TS plugin and I have no idea why this happens</p>
  <p>This is my vim config so far <a href="https://github.com/EtshD1/ez-config/blob/main/.vimrc" rel="nofollow noreferrer">ez-config</a>, and I used the <code>:help nvim-from-vim</code> to let nvim load config from the file</p>