fix(linter): ignore dist and use compat helper for eslint-plugin-react-hooks (#28080)

Author: leosvelperez

packages/eslint-plugin/src/flat-configs/react-jsx.ts

@@ -1,3 +1,4 @@
+import { fixupPluginRules } from '@eslint/compat';
 import jsxA11yPlugin from 'eslint-plugin-jsx-a11y';
 import reactPlugin from 'eslint-plugin-react';
 import reactHooksPlugin from 'eslint-plugin-react-hooks';
@@ -16,7 +17,7 @@ import tseslint from 'typescript-eslint';
 export default tseslint.config(
   {
     plugins: {
-      'react-hooks': reactHooksPlugin,
+      'react-hooks': fixupPluginRules(reactHooksPlugin),
     },
     rules: reactHooksPlugin.configs.recommended.rules,
   },

packages/eslint/src/generators/init/global-eslint-config.ts

@@ -112,6 +112,11 @@ export const getGlobalFlatEslintConfiguration = (
     generateFlatPredefinedConfig('flat/javascript')
   );
 
+  content = addBlockToFlatConfigExport(
+    content,
+    generateFlatOverride({ ignores: ['**/dist'] })
+  );
+
   if (!rootProject) {
     content = addBlockToFlatConfigExport(
       content,

packages/eslint/src/generators/lint-project/lint-project.spec.ts

@@ -59,6 +59,9 @@ describe('@nx/eslint:lint-project', () => {
         ...nx.configs['flat/base'],
         ...nx.configs['flat/typescript'],
         ...nx.configs['flat/javascript'],
+        {
+          ignores: ['**/dist'],
+        },
         {
           files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
           rules: {

packages/eslint/src/generators/utils/flat-config/ast-utils.ts

@@ -891,7 +891,9 @@ export function overrideNeedsCompat(
  * based on a given legacy eslintrc JSON override object
  */
 export function generateFlatOverride(
-  _override: Partial<Linter.ConfigOverride<Linter.RulesRecord>>
+  _override: Partial<Linter.ConfigOverride<Linter.RulesRecord>> & {
+    ignores?: Linter.FlatConfig['ignores'];
+  }
 ): ts.ObjectLiteralExpression | ts.SpreadElement {
   const override = mapFilePaths(_override);
 
@@ -907,6 +909,10 @@ export function generateFlatOverride(
       files,
     };
 
+    if (override.ignores) {
+      flatConfigOverride.ignores = override.ignores;
+    }
+
     if (override.rules) {
       flatConfigOverride.rules = override.rules;
     }
@@ -1074,10 +1080,10 @@ export function generateFlatPredefinedConfig(
   return spread ? ts.factory.createSpreadElement(node) : node;
 }
 
-export function mapFilePaths(
-  _override: Partial<Linter.ConfigOverride<Linter.RulesRecord>>
-) {
-  const override: Partial<Linter.ConfigOverride<Linter.RulesRecord>> = {
+export function mapFilePaths<
+  T extends Partial<Linter.ConfigOverride<Linter.RulesRecord>>
+>(_override: T) {
+  const override: T = {
     ..._override,
   };
   if (override.files) {