title: "Parsing error: Argument expression expected. eslint" with Typescript map function in React
body: <p>From this line of code</p>
  <pre><code>{inputFields.map(if =&gt; &lt;Input inputField={if} /&gt; )}
  </code></pre>
  <p>I am getting this error on the word map</p>
  <pre><code>Parsing error: Argument expression expected.eslint
  </code></pre>
  <p>inputFields is inside a form, which is inside a div</p>
  <pre><code>&lt;div&gt;
      &lt;form&gt;
          {inputFields.map...}
      &lt;/form&gt;
  &lt;/div
  </code></pre>
  <p>And input fields is an array</p>
  <pre><code>inputFields: InputField[]
  </code></pre>
  <hr />
  <p><a href="https://stackoverflow.com/a/58821005/6331353">This answer</a> suggests that this could have something to do with the typescript version.</p>
  <p>In my <code>package.json</code>, I have that I'm using <code>&quot;typescript&quot;: &quot;^3.8.3&quot;</code>, but in the bottom right, I think it's saying that I'm using version 4.0.2?</p>
  <p><a href="https://i.stack.imgur.com/76R4h.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/76R4h.png" alt="enter image description here" /></a></p>
  <p>When I click on that number, I can change the number to <code>3.9.7</code> but that doesn't change the error</p>
  <hr />
  <p>Other answers that I've seen are not relevant to my use case with the map function</p>