title: How can I disable @typescript-eslint/no-unused-vars rule with react dev server
body: <p>When I run the linter command, the below configuration works.
  But when I have my react dev server running it compiles with warnings - &quot;@typescript-eslint/no-unused-vars&quot;.</p>
  <p>How can I remove the warnings?</p>
  <p>Here is my <strong>.eslintrc.js</strong> configuration.</p>
  <pre><code>module.exports = {
      parser: &quot;@typescript-eslint/parser&quot;,
      parserOptions: {
          ecmaVersion: 2020,
          sourceType: &quot;module&quot;,
          ecmaFeatures: {
              jsx: true
          }
      },
      settings: {
          react: {
              version: &quot;detect&quot;
          }
      },
      extends: [
          &quot;plugin:react/recommended&quot;,
          &quot;plugin:@typescript-eslint/recommended&quot;,
          &quot;prettier/@typescript-eslint&quot;,
          &quot;plugin:prettier/recommended&quot;
      ],
      rules: {
          &quot;@typescript-eslint/explicit-function-return-type&quot;: &quot;off&quot;,
          &quot;@typescript-eslint/interface-name-prefix&quot;: &quot;off&quot;,
          &quot;@typescript-eslint/no-unused-vars&quot;: &quot;off&quot;,
          &quot;@typescript-eslint/no-explicit-any&quot;: &quot;off&quot;
      }
  };
  </code></pre>