chore: enable eslint-plugin-react-hooks

Author: JounQin

eslint.config.js

@@ -2,7 +2,8 @@
 
 import eslint from '@eslint/js'
 import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescript'
-import importX from 'eslint-plugin-import-x'
+import { importX } from 'eslint-plugin-import-x'
+import * as reactHooks from 'eslint-plugin-react-hooks'
 import { config, configs } from 'typescript-eslint'
 
 export default config(
@@ -12,6 +13,7 @@ export default config(
   eslint.configs.recommended,
   importX.flatConfigs.recommended,
   importX.flatConfigs.typescript,
+  reactHooks.configs['recommended-latest'],
   {
     files: ['**/*.{ts,tsx}'],
     extends: [configs.eslintRecommended, configs.strictTypeChecked],

package.json

@@ -118,6 +118,7 @@
     "clean-pkg-json": "^1.3.0",
     "eslint-import-resolver-typescript": "^4.4.1",
     "eslint-plugin-import-x": "^4.13.3",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "nano-staged": "^0.8.0",
     "npm-run-all2": "^7.0.2",
     "prettier": "^3.5.3",

src/runtime/components/_HeadingTitle.tsx

@@ -35,7 +35,7 @@ export const HeadingTitle = ({
       [uid, slug || slugger?.slug(slugFromChildren)]
         .filter(Boolean)
         .join('-') || undefined,
-    [slug, uid, slugFromChildren],
+    [uid, slug, slugger, slugFromChildren],
   )
   return (
     <HeadingComponent id={id}>

yarn.lock

@@ -42,6 +42,7 @@ __metadata:
     eslint-import-resolver-typescript: "npm:^4.4.1"
     eslint-plugin-import-x: "npm:^4.13.3"
     eslint-plugin-mdx: "npm:^3.4.2"
+    eslint-plugin-react-hooks: "npm:^5.2.0"
     html-tag-names: "npm:^2.1.0"
     mdast-util-mdx: "npm:^2.0.1"
     mdast-util-mdx-jsx: "npm:^2.1.4"
@@ -5523,6 +5524,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-plugin-react-hooks@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "eslint-plugin-react-hooks@npm:5.2.0"
+  peerDependencies:
+    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
+  checksum: 10c0/1c8d50fa5984c6dea32470651807d2922cc3934cf3425e78f84a24c2dfd972e7f019bee84aefb27e0cf2c13fea0ac1d4473267727408feeb1c56333ca1489385
+  languageName: node
+  linkType: hard
+
 "eslint-plugin-react-naming-convention@npm:1.50.0":
   version: 1.50.0
   resolution: "eslint-plugin-react-naming-convention@npm:1.50.0"