Failed to load config "react-app" to extend from.

Hey, after upgrade to v7.0.0 I see those build errors:

Tell us about your environment

• ESLint Version: v7.0.0
• Node Version: v13.14.0
• npm Version: v13.14.0
• react-scripts Version: v3.4.1

What parser (default, Babel-ESLint, etc.) are you using? The one react-scripts are using, default I guess.

Please show your full configuration:

Configuration

{
  "extends": ["react-app"],
  "plugins": [
    "react-hooks"
  ],
  "rules": {
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "no-use-before-define": [
      "error",
      {
        "functions": true,
        "classes": true,
        "variables": true
      }
    ]
  }
}

What did you do? Please include the actual source code causing the issue, as well as the command that you used to run ESLint.

It’s thrown from all components insde src.

  yarn eslint "src/**"

What did you expect to happen? Should do the checks as v. 6 did.

What actually happened? Please include the actual, raw output from ESLint.

./src/components/StandardDialogContent/StandardDialogContent.tsx
Failed to load config "react-app" to extend from.
Referenced from: /home/runner/work/emagine/emagine/.eslintrc

Are you willing to submit a pull request to fix this bug? Yeah, although I don’t know if it’s a eslint bug or intended behavior and instead CRA is the better place to fix this issue.

[mysticatea]

npx create-react-app appy --template typescript
cd app
npm i eslint@latest
removed folder node_modules
remove yarn.lock
removed package.lock
removed eslint config entry in package.json
added in package.json new script "lint": "eslint "src/**""
added .eslintrc.js

That makes the error is the correct behavior. Because the app/package.json doesn’t have eslint-config-react-app, it means require("eslint-config-react-app") go to fail, but your .eslintrc.js depends on eslint-config-react-app.

In fact, the popular package managers have “dedupe” behavior, and the side-effect of the “dedupe” sometimes changed require(foo) for indirect dependencies, as a result, require("eslint-config-react-app") looks working accidentally.

In your case, installing the new eslint changed the “dedupe”'s side-effect, and you got the error. You need yarn add eslint-config-react-app and some peer deps to use it.

[ldrick]

I found the problem, I hope. And I confirm @bartlomiejzuber seeing eslint-config-react-app being under node_modules\react-scripts\node_modules.

This happens only if you use yarn for setup. npm brings eslint-config-react-app directly under node_modules.

I did:

npx create-react-app appy --template typescript cd app npm i eslint@latest removed folder node_modules remove yarn.lock removed package.lock removed eslint config entry in package.json added in package.json new script “lint”: “eslint "src/**"” added .eslintrc.js

module.exports = {
  root: true,
  extends: ['react-app'],
};

yarn yarn lint