Eslint: "Неожиданный токен /" на jsx

Question

Я пытаюсь настроить eslint для работы с реагировать:

Это мой .eslintrc файл:

module.exports = {
  env: {
    browser: true,
    es6: true,
    amd: true,
    node: true,
  },
  extends: ["eslint:recommended"],
  globals: {
    Atomics: "readonly",
    SharedArrayBuffer: "readonly",
  },
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 2018,
    sourceType: "module",
  },
  plugins: ["react"],
  rules: {
    "react/jsx-uses-vars": [2],
    indent: ["warn", 2],
    "linebreak-style": ["warn", "unix"],
    quotes: ["warn", "double"],
    semi: ["warn", "always"],
  },
};

А это мой index.js:

import React from "react";
import ReactDOM from "react-dom";

import App from "./App.js";

ReactDOM.render(<App />, document.getElementById("root"));

Дело продолжает жаловаться на косую черту на <App />:

6:22  error  Parsing error: Unexpected token /

Я не уверен, что происходит. Как я могу избавиться от этой ошибки?