create-react-appで作成したプロジェクトについてVScode上でESLintを走らせたい

前提・実現したいこと

タイトルの通りです。

発生している問題・エラーメッセージ

constをvarに変更しても何も起きません。

###実行手順
create-react-app my-app --typescriptを実行して雛形を作成
↓
yarn add -D eslint-plugin-react @typescript-eslint/eslint-plugin @typescript-eslint/parserを実行
↓
プロジェクト直下に、.eslintrc.jsを作成

###該当のソースコード

.eslintrc.js

JavaScript
1
2module.exports = {
3  env: {
4    browser: true,
5    es6: true
6  },
7  extends: [
8    'eslint:recommended',
9    'plugin:@typescript-eslint/recommended',
10  ],
11  globals: {
12    Atomics: 'readonly',
13    SharedArrayBuffer: 'readonly'
14  },
15  parser: '@typescript-eslint/parser',
16  parserOptions: {
17    ecmaFeatures: {
18      jsx: true
19    },
20    project: './tsconfig.json',
21    sourceType: 'module'
22  },
23  plugins: ['@typescript-eslint', 'react'],
24  root: true,
25  rules: {
26    '@typescript-eslint/explicit-function-return-type': 'off',
27    '@typescript-eslint/explicit-member-accessibility': 'off',
28    'indent': 'off',
29    '@typescript-eslint/indent': ['error', 2],
30    '@typescript-eslint/no-unnecessary-type-assertion': 'error',
31    'eol-last': ['error', 'always'],
32    'func-style': ['error', 'expression', { allowArrowFunctions: true }],
33    'newline-before-return': 'error',
34    'no-dupe-class-members': 'error',
35    'no-var': 'error',
36    'object-shorthand': ['error', 'always'],
37    'prefer-arrow-callback': 'error',
38    'prefer-const': 'error',
39    'prefer-spread': 'error',
40    'require-yield': 'error'
41  }
42};

settings.json(VScodeの設定ファイル)

{
  "explorer.confirmDragAndDrop": false,
  "editor.detectIndentation": false,
  "terminal.integrated.shell.osx": "/bin/bash",
  "editor.tabSize": 2,
  "workbench.colorTheme": "Atom One Dark",
  "workbench.iconTheme": "material-icon-theme",
  "explorer.confirmDelete": false,
  "window.zoomLevel": 0,
  "[typescriptreact]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "eslint.autoFixOnSave": true,
  "eslint.enable": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
}

VScodeにESLintプラグインはインストールしてあります。

参考にした教材によると、プロジェクト自体にESLintをインストールしないのはreact-scriptsにESLintが含まれているからだそうです。

分かる方いらっしゃいましたらご教示いただけると幸いです。