refactor(eslint.config.js): simplify eslintConfig export for clarity

feat(package.json): bump version to 1.3.6 and add eslint-plugin-react-hooks
refactor(nextjs/config.ts, react/config.ts): extract rule renaming logic to improve maintainability
refactor(gen.d.ts): remove deprecated react-hooks rules to align with updated hooks best practices
style(type.ts): disable no-explicit-any rule to allow any types where necessary

feat(utils/extension.ts): add eslint-plugin-react-hooks to extensions
refactor(utils/factory.ts): include nextjs plugin in eslintConfig mapping for consistency
refactor(utils/naming.ts): correct return type annotation in renameRules function
style: disable ts/no-explicit-any rule to allow any type usage where needed

eslint.config.js

@@ -1,10 +1,5 @@
 import { eslintConfig } from "./dist/index.js";
 
-export default eslintConfig(
-  {
-    typescript: { tsconfigPath: "./tsconfig.json" },
-  },
-  {
-    rules: { "ts/no-explicit-any": "off" },
-  },
-);
+export default eslintConfig({
+  typescript: { tsconfigPath: "./tsconfig.json" },
+});

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bluzzi/eslint-config",
   "description": "ESLint configuration preset for linting and formatting all your files",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "license": "MIT",
   "author": "Bluzzi",
   "type": "module",
@@ -39,6 +39,7 @@
     "eslint-flat-config-utils": "^0.4.0",
     "eslint-plugin-antfu": "^2.7.0",
     "eslint-plugin-n": "^17.15.1",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "globals": "^15.14.0",
     "local-pkg": "^0.5.1"
   },

src/configs/nextjs/config.ts

@@ -3,9 +3,19 @@
 
 import type { TypedFlatConfigItem } from "#/types/type";
 import { nextjsPlugin } from "#/utils/extension";
-import { configName } from "#/utils/naming";
+import { configName, renameRules } from "#/utils/naming";
 
 export const nextjs = (): TypedFlatConfigItem[] => {
+  const recommendedRules = renameRules(
+    nextjsPlugin.configs.recommended.rules as Record<string, string>,
+    { "@next/next": "nextjs" },
+  );
+
+  const recommendedCoreRules = renameRules(
+    nextjsPlugin.configs["core-web-vitals"].rules as Record<string, string>,
+    { "@next/next": "nextjs" },
+  );
+
   return [
     {
       name: configName("nextjs", "rules"),
@@ -15,8 +25,8 @@ export const nextjs = (): TypedFlatConfigItem[] => {
       },
       rules: {
         // https://github.com/vercel/next.js/blob/7a47ed5123b8dac03e9483cb823e224370da2667/packages/eslint-plugin-next/src/index.ts#L26
-        ...nextjsPlugin.configs.recommended.rules,
-        ...nextjsPlugin.configs["core-web-vitals"].rules,
+        ...recommendedRules,
+        ...recommendedCoreRules,
       },
     },
   ];

src/configs/react/config.ts

@@ -1,8 +1,18 @@
 import type { TypedFlatConfigItem } from "#/types/type";
 import { reactPlugin } from "#/utils/extension";
-import { configName } from "#/utils/naming";
+import { configName, renameRules } from "#/utils/naming";
 
 export const react = (): TypedFlatConfigItem[] => {
+  const recommendedRules = renameRules(
+    reactPlugin.configs.recommended,
+    {
+      "@eslint-react": "react",
+      "@eslint-react/dom": "react-dom",
+      "@eslint-react/hooks-extra": "react-hooks-extra",
+      "@eslint-react/naming-convention": "react-naming-convention",
+    },
+  );
+
   return [
     {
       name: configName("react", "rules"),
@@ -22,7 +32,7 @@ export const react = (): TypedFlatConfigItem[] => {
         sourceType: "module",
       },
       rules: {
-        ...reactPlugin.configs.recommended.rules,
+        ...recommendedRules,
       },
     },
   ];

src/types/gen.d.ts

@@ -1856,16 +1856,6 @@ export interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/hooks-extra-prefer-use-state-lazy-initialization
    */
   'react-hooks-extra/prefer-use-state-lazy-initialization'?: Linter.RuleEntry<[]>
-  /**
-   * verifies the list of dependencies for Hooks like useEffect and similar
-   * @see https://github.com/facebook/react/issues/14920
-   */
-  'react-hooks/exhaustive-deps'?: Linter.RuleEntry<ReactHooksExhaustiveDeps>
-  /**
-   * enforces the Rules of Hooks
-   * @see https://reactjs.org/docs/hooks-rules.html
-   */
-  'react-hooks/rules-of-hooks'?: Linter.RuleEntry<[]>
   /**
    * enforce component naming convention to 'PascalCase' or 'CONSTANT_CASE'
    * @see https://eslint-react.xyz/docs/rules/naming-convention-component-name
@@ -5094,11 +5084,6 @@ type ReactDomNoUnknownProperty = []|[{
   ignore?: string[]
   requireDataLowercase?: boolean
 }]
-// ----- react-hooks/exhaustive-deps -----
-type ReactHooksExhaustiveDeps = []|[{
-  additionalHooks?: string
-  enableDangerousAutofixThisMayCauseInfiniteLoops?: boolean
-}]
 // ----- react-naming-convention/component-name -----
 type ReactNamingConventionComponentName = []|[(("PascalCase" | "CONSTANT_CASE") | {
   allowAllCaps?: boolean

src/types/type.ts

@@ -1,3 +1,5 @@
+/* eslint-disable ts/no-explicit-any */
+
 import type { Linter } from "eslint";
 import type { ConfigNames, RuleOptions } from "./gen";
 import type { ParamsTS } from "#/configs/typescript";

src/utils/extension.ts

@@ -7,5 +7,6 @@ export { default as stylisticPlugin } from "@stylistic/eslint-plugin";
 export { default as typescriptPlugin } from "@typescript-eslint/eslint-plugin";
 export { default as nextjsPlugin } from "@next/eslint-plugin-next";
 export { default as reactPlugin } from "@eslint-react/eslint-plugin";
+export { default as reactHooksPlugin } from "eslint-plugin-react-hooks";
 
 export { default as typescriptParser } from "@typescript-eslint/parser";

src/utils/factory.ts

@@ -1,3 +1,5 @@
+/* eslint-disable ts/no-explicit-any */
+
 import type { Awaitable, ConfigNames, OptionsConfig, TypedFlatConfigItem } from "#/types/type";
 import type { Linter } from "eslint";
 import { isPackageExists } from "local-pkg";
@@ -67,10 +69,14 @@ export const eslintConfig = async (
     "@typescript-eslint": "ts",
     "n": "node",
 
+    "@next/next": "next",
+
     "@eslint-react": "react",
     "@eslint-react/dom": "react-dom",
     "@eslint-react/hooks-extra": "react-hooks-extra",
     "@eslint-react/naming-convention": "react-naming-convention",
+
+    "react-hooks": "react-hooks", // maybe good for consistency
   });
 
   return composer;

src/utils/naming.ts

@@ -1,3 +1,5 @@
+/* eslint-disable ts/no-explicit-any */
+
 export const configName = (name: string, category: "rules" | "parsers" | "plugins"): string => `bluzzi/${name}/${category}`;
 
 /**
@@ -18,7 +20,7 @@ export const configName = (name: string, category: "rules" | "parsers" | "plugin
  * }]
  * ```
  */
-export const renameRules = (rules: Record<string, any>, map: Record<string, string>): Record<string, string> => {
+export const renameRules = (rules: Record<string, any>, map: Record<string, string>): Record<string, any> => {
   return Object.fromEntries(
     Object.entries(rules)
       .map(([key, value]) => {