title: Why am I getting a 'no-unused-vars' warning in a for...of loop and how do I fix it?
body: <p>I'm working on a React app created with Create React App. In every for...of loop, I get this weird 'no-unused-vars' warning pointing to the variable I have instantiated in the for statement.</p>
  
  <p><strong>ESLint tells me my variable is not used, but it is actually used.</strong></p>
  
  <p>Does anybody else get a similar warning? Is it an ESLint bug or am I doing something wrong here?<br>
  This is not a big issue, but it is annoying.<br>
  Thanks for your help.</p>
  
  <pre><code>   for (let track of tracks) {
          let chords = RavelFormatter.splitEntries(track.pitches)
          for (let chord of chords) {
              var n = chord.split(':')
              total += n.length
          }
      }
  </code></pre>
  
  <p><strong>Console output</strong></p>
  
  <pre><code>  Line 13:  'track' is defined but never used       no-unused-vars
    Line 15:  'chord' is defined but never used       no-unused-vars
  </code></pre>