title: Create React App - (ESLint) Failed to load config "shared-config" to extend from. Referenced from: <PATH> in Visual Studio
body: <p>I have created a react app from the Create React App getting started guide with <code>--template typescript</code>.</p>
  <p><a href="https://create-react-app.dev/docs/getting-started/" rel="noreferrer">https://create-react-app.dev/docs/getting-started/</a></p>
  <p>I have extended my config to use ESLint.</p>
  <p>package.json:</p>
  <pre><code>{
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: [&quot;react-app&quot;, &quot;shared-config&quot;],
      &quot;rules&quot;: {
        &quot;additional-rule&quot;: &quot;warn&quot;
      },
      &quot;overrides&quot;: [
        {
          &quot;files&quot;: [&quot;**/*.ts?(x)&quot;],
          &quot;rules&quot;: {
            &quot;additional-typescript-only-rule&quot;: &quot;warn&quot;
          }
        }
      ]
    }
  }
  </code></pre>
  <p><a href="https://create-react-app.dev/docs/setting-up-your-editor/" rel="noreferrer">https://create-react-app.dev/docs/setting-up-your-editor/</a></p>
  <p>ESLint works perfectly when running <code>npm run build</code> and shows up in Chrome Developer Console but within Visual Studio I get the following error:</p>
  <blockquote>
  <p>(ESLint) Failed to load config &quot;shared-config&quot; to extend from.
  Referenced from: &lt;package.json PATH&gt;</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/dEONR.png" rel="noreferrer"><img src="https://i.stack.imgur.com/dEONR.png" alt="enter image description here" /></a></p>
  <p>How can I make this work?</p>