title: Find all references in VS Code not working across whole project
body: <p>I have a JavaScript project opened in VS Code. There is nothing fancy there, all <code>*.jsx?</code> are in <code>src</code> folder, files bundled by webpack are stored in <code>dist</code>, there are couple of dependencies described in <code>package.json</code> and installed in <code>node_modules</code>.</p>
  <p>Let's say I have two files somewhere in <code>src</code> folder: <code>A.jsx</code> with React component <code>A</code> and <code>B.jsx</code> with React component <code>B</code> which is using component <code>A</code>. When I open my project in VS Code, go to <code>A.jsx</code> and ask code to <code>Find All References</code> of <code>A</code> it's showing only one reference in file <code>A.jsx</code> (with <code>PropTypes</code> declaration). For VS Code to be able to show reference in <code>B.jsx</code> I need to open <code>B.jsx</code>, then go back to <code>A.jsx</code> and only then both references will be shown...</p>
  <p>The same scenario works correctly when files are named <code>A.js</code> and <code>B.js</code>, the problem seems to be with <code>*.jsx</code> extenstion.</p>
  <p>What I'd like to have is a way to find <strong>all</strong> references in <strong>whole</strong> project without a need to open all files no matter if the file is save as <code>.jsx</code> or <code>.js</code>. Is there a way to achieve this?</p>
  <p>I've already tried <code>jsconfig.json</code> with</p>
  <pre><code>{
    &quot;include&quot;: [&quot;src/**/*&quot;, &quot;src/**/*.jsx&quot;]
  }
  </code></pre>
  <p>and</p>
  <pre><code>&quot;files.associations&quot;: {
    &quot;*.jsx&quot;: &quot;javascriptreact&quot;
  },
  </code></pre>
  <p>in my <code>settings.json</code></p>