Manually add lint entries provided by plugin:react-hooks/recommended

Author: MajorLift

.eslintrc.js

@@ -314,14 +314,17 @@ module.exports = {
         'test/jest/rendering.js',
         'ui/**/*.js',
       ],
-      extends: ['plugin:react/recommended', 'plugin:react-hooks/recommended'],
+      extends: ['plugin:react/recommended'],
       parserOptions: {
         ecmaFeatures: {
           jsx: true,
         },
       },
-      plugins: ['react', 'react-compiler'],
+      plugins: ['react', 'react-hooks', 'react-compiler'],
       rules: {
+        // react-hooks rules (manually configured due to eslint-plugin-react-hooks v6+ incompatibility with legacy config)
+        'react-hooks/rules-of-hooks': 'error',
+        'react-hooks/exhaustive-deps': 'warn',
         'react-compiler/react-compiler': 'error',
         'react/no-unused-prop-types': 'error',
         'react/no-unused-state': 'error',
@@ -357,14 +360,17 @@ module.exports = {
      */
     {
       files: ['ui/**/*.ts', 'ui/**/*.tsx'],
-      extends: ['plugin:react/recommended', 'plugin:react-hooks/recommended'],
+      extends: ['plugin:react/recommended'],
       parserOptions: {
         ecmaFeatures: {
           jsx: true,
         },
       },
-      plugins: ['react', 'react-compiler'],
+      plugins: ['react', 'react-hooks', 'react-compiler'],
       rules: {
+        // react-hooks rules (manually configured due to eslint-plugin-react-hooks v6+ incompatibility with legacy config)
+        'react-hooks/rules-of-hooks': 'error',
+        'react-hooks/exhaustive-deps': 'warn',
         'react-compiler/react-compiler': 'error',
         'react/no-unused-prop-types': 'warn',
         'react/no-unused-state': 'warn',