title: Error: Failed to load parser 'babel-eslint' declared in '.eslintrc': Cannot find module 'babel-eslint' in create-react-app
body: <p>Trying to install <a href="https://www.npmjs.com/package/eslint" rel="noreferrer">eslint</a> into <a href="https://www.npmjs.com/package/create-react-app" rel="noreferrer">create-react-app</a>, but get next error when running linter:</p>
  
  <p><img src="https://i.stack.imgur.com/YhtHl.png" alt="enter image description here]"></p>
  
  <p>Here is my <code>.eslintrc</code> config file:</p>
  
  <pre class="lang-js prettyprint-override"><code>{
    "extends": ["airbnb", "prettier", "prettier/react"],
    "plugins": ["prettier"],
    "parser": "babel-eslint"
  }
  </code></pre>
  
  <p>If install <code>babel-eslint</code> manually it'll potentially produce another error based on package conflict between  project and <code>react-scripts</code> dependencies:
  <a href="https://i.stack.imgur.com/shgSj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/shgSj.png" alt="enter image description here"></a></p>