'Definition for rule 'react-hooks/exhaustive-deps' was not found
I am getting the following eslint error after adding // eslint-disable-next-line react-hooks/exhaustive-deps
in my code.
8:14 error Definition for rule 'react-hooks/exhaustive-deps' was not found
I referred to this post to fix this but the solution mentioned doesn't work in my case. Any clue how to suppress this eslint error?
PS I'm using standardjs in conjuction.
Solution 1:[1]
Not a perfect solution but changing:
// eslint-disable-next-line react-hooks/exhaustive-deps
to:
// eslint-disable-next-line
suppressed that error.
Solution 2:[2]
This typically happens because the react-hooks
plugin is missing in the .eslintrc
plugin configuration. Ensure you have added react-hooks
as in the example below:
"plugins": ["react", "react-hooks",],
Solution 3:[3]
Make sure you define your react-hooks both in extends and plugins array like this
"extends": [
"react-hooks",
],
"plugins": [
"react-hooks"
],
Solution 4:[4]
Make sure you have put the rule in the rules
object in your .eslintrc
. Installing the plugin alone is not enough for the rules to start working
"react-hooks/exhaustive-deps": "warn",
and I assume you have already added react-hooks
plugin into the plugins
array in the .eslintrc
Solution 5:[5]
Assuming you are using vscode and you have in your package.json the necessary packages such as
"eslint-plugin-react-hooks": "^4.3.0",
and in your eslintrc.js
what the other answers have suggested then you might have to just restart
ESLint: Restart ESLint Server
from
cmd/ctrl + shift + P
Solution 6:[6]
Put below code to package.json
"eslintConfig": {
"extends": "react-app"
}
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|---|
Solution 1 | |
Solution 2 | Erik Töyrä Silfverswärd |
Solution 3 | JupiterAmy |
Solution 4 | Mark Shulhin |
Solution 5 | Byron |
Solution 6 | Max Andersson |