load all the rules and only overrride the non default one

Author: severo

eslint.config.js

@@ -25,6 +25,7 @@ export default typescript.config(
     rules: {
       ...react.configs.recommended.rules,
       ...react.configs['jsx-runtime'].rules,
+      ...reactHooks.configs['recommended-latest'].rules,
       'react-refresh/only-export-components': [
         'warn',
         { allowConstantExport: true },
@@ -78,7 +79,6 @@ export default typescript.config(
       '@typescript-eslint/no-unused-vars': 'warn',
       '@typescript-eslint/require-await': 'warn',
       // react hooks
-      'react-hooks/rules-of-hooks': 'error',
       'react-hooks/exhaustive-deps': 'error',
     },
     settings: { react: { version: 'detect' } },