getting rule not found with react build

Describe the bug

yarn build (react-scripts build) is failing with several rules not being found while yarn lint (eslint .) doesn’t fail. I assume that react forces @typescript-eslint version and version installed in my package.json doesn’t work there.

Did you try recovering your dependencies?

I’ve tried reinstalling but didn’t help.

Which terms did you search for in User Guide?

eslint

Environment

I’ve tried on but ubuntu and mac.

Steps to reproduce

1. install @typescript-eslint/eslint-plugin (^4.6.1)
2. add @typescript-eslint/no-unnecessary-type-constraint to eslint configs
3. run build

Expected behavior

I expect react to use my installed eslint plugin and not one installed in react-scripts.

(Write what you thought would happen.)

Actual behavior

the @typescript-eslint/eslint-plugin installed in react-scripts is used

(Write what happened. Please add screenshots!)

Reproducible demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

[psrok1]

If you upgraded from 3.x.x to 4.x.x, issues with missing rules are caused by lack of eslintConfig section in package.json

  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },

Without that section: eslint rules are not extended by those from eslint-config-react-app, including react-hooks/exhaustive-deps

Maybe it should be included in migration guide?

[ercgrat]

Encountering this issue only in yarn build but not when running eslint: Definition for rule '@typescript-eslint/no-shadow' was not found @typescript-eslint/no-shadow

Working around this by passing DISABLE_ESLINT_PLUGIN=true