title: How can I fix ESLint Parsing Error for unexpected token "/"?
body: <p><a href="https://i.stack.imgur.com/JuuOv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JuuOv.png" alt="enter image description here" /></a></p>
  <pre class="lang-js prettyprint-override"><code>const Index = () =&gt; (
      &lt;div&gt;
          &lt;p&gt;Hello World&lt;/p&gt;
          &lt;Link href=&quot;/posts&quot;&gt;
              &lt;a&gt;Posts&lt;/a&gt;
          &lt;/Link&gt;
      &lt;/div&gt;
  )
  </code></pre>
  <p>ESLint is returning a Parsing Error (Unexpected token) for the closing <code>&lt;/p&gt;</code> tag. What am I missing? Are normal HTML attributes not allowed in JSX? (The <code>div</code> seems to work fine)</p>
  <p>The exact error is:</p>
  <pre><code>[eslint] Parsing error: Unexpected token &quot;/&quot;
  </code></pre>
  <ul>
  <li>ESLint is installed</li>
  <li>ESLint React is installed</li>
  <li>ESLint React is configured in <code>.eslintrc.json</code></li>
  </ul>
  <p><strong>EDIT:</strong></p>
  <ul>
  <li>Using VS Code (with ESLint plugin)</li>
  </ul>
  <p>Partial <code>.eslintrc.json</code>:</p>
  <pre><code>&quot;env&quot;: {
      &quot;browser&quot;: true,
      &quot;commonjs&quot;: true,
      &quot;es6&quot;: true
  },
  &quot;extends&quot;: &quot;eslint:recommended&quot;,
  &quot;parserOptions&quot;: {
      &quot;ecmaFeatures&quot;: {
      &quot;experimentalObjectRestSpread&quot;: true,
      &quot;jsx&quot;: true
      },
      &quot;sourceType&quot;: &quot;module&quot;
  },
  &quot;plugins&quot;: [
      &quot;react&quot;
  ],
  &quot;rules&quot;: {
      ...
  }
  </code></pre>