title: Typescript eslint disable no-unused-vars
body: <p>I am working on a Typescript React project and I usually put placeholder variables into the code so everything is laid out until I get to implementing everything. This leads to a bunch of <code>eslint no-unused-vars</code> errors and makes finding real errors a challage.</p>
  <p>How can I disable this globally until I am ready for it? I used <code>create-react-app my-app --typescript</code> and don't want to eject the project but not sure how to disable this warning.</p>
  <p>I noticed there is a <code>eslintConfig</code> section in the <code>package.json</code> so I tried to turn off the error there but it doesn't seem to work, is there a command I need to run after editing the <code>package.json</code> or is my syntax incorrect?</p>
  <pre><code>&quot;eslintConfig&quot;: {
      &quot;extends&quot;: &quot;react-app&quot;,
      &quot;rules&quot;: {
        &quot;no-unused-vars&quot;: &quot;off&quot;
      }
   },
  </code></pre>
  <h2>Update</h2>
  <hr />
  <p>(removed <code>tsconfig.json</code> reference)</p>
  <p>I updated my <code>package.json</code> and keep getting the errors.</p>
  <pre><code>&quot;eslintConfig&quot;: {
      &quot;extends&quot;: &quot;react-app&quot;,
      &quot;rules&quot;: {
        &quot;@typescript-eslint/no-unused-vars&quot;: &quot;off&quot;
      }
    },
  </code></pre>
  <p>I tried moving the rules into a <code>.eslintrc.json</code> file in the root of the project and still doesn't seem to turn this off.</p>
  <p>The only thing that seems to work is putting <code>// eslint-disable-line @typescript-eslint/no-unused-vars</code> after the variable.</p>