title: eslint-plugin-jsx-a11y for Typescript
body: <p>I am trying to setup for my typescript react project that while I am working it will give me warnings/errors if I am doing something that is not accessible. My editor already gives me listing errors, but I tried setting up eslint-plugin-jsx-a11y and I just cannot get it to work.</p>
  <p>Here is the eslint section in my package.json</p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;eslintConfig&quot;: {
      &quot;parser&quot;: &quot;@typescript-eslint/parser&quot;,
      &quot;extends&quot;: [
        &quot;react-app&quot;,
        &quot;react-app/jest&quot;,
        &quot;shared-config&quot;,
        &quot;plugin:jsx-a11y/recommended&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>Not sure what I am missing. Thanks</p>