ESLint configuration in package.json » eslint-config-react-app is invalid:

Question

• Property "overrides" is the wrong type (expected array but got {"files":["**/*.ts","**/*.tsx"],"parser":"@typescript-eslint/parser","parserOptions":{"ecmaVersion":2018,"sourceType":"module","ecmaFeatures":{"jsx":true},"warnOnUnsupportedTypeScriptVersion":true},"plugins":["@typescript-eslint"],"rules":{"default-case":"off","no-dupe-class-members":"off","@typescript-eslint/no-angle-bracket-type-assertion":"warn","no-array-constructor":"off","@typescript-eslint/no-array-constructor":"warn","@typescript-eslint/no-namespace":"error","no-unused-vars":"off","@typescript-eslint/no-unused-vars":["warn",{"args":"none","ignoreRestSiblings":true}],"no-useless-constructor":"off","@typescript-eslint/no-useless-constructor":"warn"}}).

Referenced from: D:{app folder}{app name}\package.json

Answer 1

I actually had this same issue when updating react-scripts in my Create React App Project. My steps to resolve were.

• Delete package-lock.json
• Delete node_modules
• Remove eslint dependencies from your devDependencies in package.json
• run npm cache clear --force
• npm install
• npm install the the latest versions of the eslint packages you removed back to your devDependencies
• Restart your project and see if it is fixed.

This worked for me.

UPDATE: I actually did not need to install eslint after removing them when installing React Scripts 5. It seems to use it under the hood.