Encountered error: Unable to load profile 'react-app' for rendering my React app
<p>Every time I render my React app, I get the following error: </p>
<p>[eslint] Unable to load configuration 'react-app' for extension. </p>
<p>This is the package.json file for my React web application: </p>
<pre class="brush:php;toolbar:false;">{
"name": "monstors-rolodex",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"eslint-config-react": "^1.1.7"
}
}</pre>
<p>Can anyone help resolve this error? </p>
