title: Dealing with "Failed to load plugin 'react' declared in '.eslintrc': Cannot find module 'eslint-plugin-react'" ESLint error
body: <p>Recently I updated my react project using &quot;create-react-app&quot; (React 16.9)<br />
  Everything worked just OK before the update, but suddenly I get following ESLint error: (In the output tab)<br /></p>
  <pre><code> [Error - 16:42:12] 
  Failed to load plugin 'react' declared in 'client\.eslintrc': Cannot find module 'eslint-plugin-react'
  Require stack:
  - C:\Or\Web\VisualizationTool\VisualizationTool\__placeholder__.js
  Referenced from: C:\Or\Web\VisualizationTool\VisualizationTool\client\.eslintrc
  Happened while validating C:\Or\Web\VisualizationTool\VisualizationTool\client\src\hoc\Layout\Layout.jsx
  This can happen for a couple of reasons:
  1. The plugin name is spelled incorrectly in an ESLint configuration file (e.g. .eslintrc).
  2. If ESLint is installed globally, then make sure 'eslint-plugin-react' is installed globally as well.
  3. If ESLint is installed locally, then 'eslint-plugin-react' isn't installed correctly.
  </code></pre>
  <p>My .eslintrc file:<br /></p>
  <pre><code>{
      &quot;env&quot;: {
          &quot;browser&quot;: true,
          &quot;commonjs&quot;: true,
          &quot;es6&quot;: true,
          &quot;node&quot;: true
      },
      &quot;extends&quot;: [
          &quot;react-app&quot;,
          &quot;eslint:recommended&quot;,
          &quot;plugin:react/recommended&quot;
      ],
      &quot;parser&quot;: &quot;babel-eslint&quot;,
      &quot;parserOptions&quot;: {
          &quot;ecmaVersion&quot;: 2018,
          &quot;ecmaFeatures&quot;: {
              &quot;jsx&quot;: true
          },
          &quot;sourceType&quot;: &quot;module&quot;
      },
      &quot;settings&quot;: {
          &quot;react&quot;: {
              &quot;pragma&quot;: &quot;React&quot;,
              &quot;version&quot;: &quot;16.8&quot;
          }
      },
      &quot;plugins&quot;: [
          &quot;react&quot;
      ],
      &quot;rules&quot;: {
          &quot;quotes&quot;: [
              &quot;error&quot;,
              &quot;single&quot;,
              {
                  &quot;allowTemplateLiterals&quot;: true
              }
          ],
          &quot;semi&quot;: &quot;off&quot;,
          &quot;default-case&quot;: [
              &quot;error&quot;,
              {
                  &quot;commentPattern&quot;: &quot;^no default$&quot;
              }
          ],
          &quot;no-new-wrappers&quot;: 0,
          &quot;no-mixed-operators&quot;: 0,
          &quot;require-atomic-updates&quot;: &quot;off&quot;,
          &quot;comma-dangle&quot;: &quot;off&quot;,
          &quot;no-unused-vars&quot;: &quot;off&quot;,
          &quot;no-useless-constructor&quot;: 0,
          &quot;react/jsx-uses-react&quot;: &quot;error&quot;,
          &quot;react/jsx-uses-vars&quot;: &quot;error&quot;,
          &quot;react/no-unescaped-entities&quot;: 0,
          &quot;react/display-name&quot;: 0,
          &quot;jsx-a11y/href-no-hash&quot;: &quot;off&quot;,
          &quot;jsx-a11y/anchor-is-valid&quot;: &quot;off&quot;,
          &quot;no-useless-escape&quot;: 0,
          &quot;no-console&quot;: 0,
          &quot;no-debugger&quot;: 0,
          &quot;no-empty&quot;: 0,
          &quot;linebreak-style&quot;: 0,
          &quot;import/first&quot;: 0,
          &quot;import/imports-first&quot;: 0,
          &quot;no-shadow&quot;: 0,
          &quot;disable-next-line&quot;: 0,
          &quot;no-case-declarations&quot;: 0,
      }
  }
  </code></pre>
  <p>I have both ESLint and eslint-plugin-react installed both globally and locally, anything else I am missing here?</p>