title: Get Visual Studio to recognize the jsx setting from the tsConfig,json
body: <p>I have a TypeScript/React project in Visual Studio.</p>
  
  <p>The challenge is getting Visual Studio to recognize React.</p>
  
  <p>IntelliSense errors in Visual Studio  are of the form - </p>
  
  <pre><code>“--jsx is not set”,  “Cannot use JSX,  unless  the  ‘—jsx’ flag  is provided”
  </code></pre>
  
  <p>The obvious solution is to configure   –-jsx. </p>
  
  <p>There seems to be at least two way to do this - </p>
  
  <ul>
  <li>Visual Studio project , Project properties -> TypeScript Build 
  –>  JSX Compilation in TSX files</li>
  <li><p>tsConfig.json</p>
  
  <p>{
    "compilerOptions": {</p>
  
  <pre><code>"jsx": "react",
  "noUnusedLocals": true,
  "noUnusedParameters": true,
  "noFallthroughCasesInSwitch": true, 
  "noImplicitReturns": true,
  "target": "es5", ...
  </code></pre></li>
  </ul>
  
  <p>I have already configured  -–jsx  in tsConfig.json,  and the command line gulp build works just fine, but Visual Studio still thinks that –jsx is not set.</p>
  
  <p>So, for Visual  Studio,  I figured I could just set the project property ( in addition to tsconfig.json) 
  But in Visual Studio  this is disabled  -   “One or more tsconfig.json files detected. Project Properties are disabled”</p>
  
  <p><a href="https://i.stack.imgur.com/fPXy7.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fPXy7.png" alt="enter image description here"></a></p>
  
  <p>How do I get Visual Studio to recognize the –jsx setting from the  tsConfig,json.  It seems to recognize that tsConfig.json exists , but does  not  specifically recognize that –jsx is configured</p>
  
  <p>Dev Environment   </p>
  
  <ul>
  <li>Visual  Studio: 2017 Professional</li>
  <li>TypeScript : 2.1.4    </li>
  <li>React : 15.4.2   </li>
  </ul>