How can I add 'react-hooks/exhaustive-deps' rule to my eslint config?

[adnanlah]

Hello,

I installed the plugin this way yarn add eslint-plugin-react-hooks --dev, and when I added it to the eslint config this way:

module.exports = {
  settings: {
    react: {
      version: '18.2.0'
    }
  },
  ignorePatterns: ['src/main/migrations'],
  extends: [
    'eslint:recommended',
    'plugin:react/recommended',
    'plugin:react/jsx-runtime',
    '@electron-toolkit/eslint-config-ts/recommended',
    '@electron-toolkit/eslint-config-prettier'
  ],
  rules: {
    'prettier/prettier': [
      'error',
      {
        endOfLine: 'auto'
      }
    ],
    'react-hooks/exhaustive-deps': 'warn' // < ==
  }
}

I got this error: Definition for rule 'react-hooks/exhaustive-deps' was not found.

How should I do it?

Thanks.