chore!: Bump node version requirement to v22.22; integrate react-compiler-tracker (#994)

* chore: Add React Compiler tracker

* build: Add React Compiler tracker to pre-commit hook

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* ci: Add React Compiler compatibility check to PR workflow

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Bump node version to 22.22

* chore: Update engines.node to match react-compiler-tracker requirement

Bump minimum Node.js version from ^22.14.0 to ^22.22.0 to align with
the @doist/react-compiler-tracker dependency requirement.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* chore: Update package-lock.json with new engines requirement

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>

Author: frankieyan

.github/workflows/pull_request.yml

@@ -10,6 +10,8 @@ jobs:
         steps:
             - name: Checkout repository
               uses: actions/checkout@v5
+              with:
+                  fetch-depth: 0
 
             - name: Prepare Node.js environment
               uses: actions/setup-node@v6
@@ -28,6 +30,16 @@ jobs:
               if: ${{ steps.node-modules-cache.outputs.cache-hit != 'true' }}
               run: npm ci
 
+            - name: Check React Compiler compatibility
+              run: |
+                  CHANGED_FILES=$(git diff --name-only --diff-filter=ACMR origin/${{ github.base_ref }}...HEAD -- 'src/**/*.ts' 'src/**/*.tsx' 'src/**/*.js' 'src/**/*.jsx' | tr '\n' ' ')
+                  if [ -n "$CHANGED_FILES" ]; then
+                    echo "Checking React Compiler compatibility for: $CHANGED_FILES"
+                    npx @doist/react-compiler-tracker --check-files $CHANGED_FILES
+                  else
+                    echo "No source files changed, skipping React Compiler check"
+                  fi
+
             - run: npm run lint
             - run: npm run type-check
             - run: npm test

.node-version

@@ -1 +1 @@
-22.14
+22.22

.react-compiler.rec.json

@@ -0,0 +1,30 @@
+{
+    "recordVersion": 1,
+    "react-compiler-version": "1.0.0",
+    "files": {
+        "src/checkbox-field/checkbox-field.tsx": {
+            "CompileError": 1
+        },
+        "src/checkbox-field/use-fork-ref.ts": {
+            "CompileError": 1
+        },
+        "src/components/keyboard-shortcut/keyboard-shortcut.tsx": {
+            "CompileError": 1
+        },
+        "src/hooks/use-previous/use-previous.ts": {
+            "CompileError": 1
+        },
+        "src/menu/menu.tsx": {
+            "CompileError": 2
+        },
+        "src/tabs/tabs.tsx": {
+            "CompileError": 4
+        },
+        "src/tooltip/tooltip.tsx": {
+            "CompileError": 1
+        },
+        "src/utils/common-helpers.ts": {
+            "CompileError": 2
+        }
+    }
+}

lint-staged.config.js

@@ -1,4 +1,5 @@
 module.exports = {
     './**/*.{js,jsx,ts,tsx,md,mdx,json,css,scss,less}': ['prettier --write'],
     './**/*.{js,jsx,ts,tsx}': ['npx eslint --format codeframe --fix'],
+    'src/**/*.{js,jsx,ts,tsx}': ['npx @doist/react-compiler-tracker --stage-record-file'],
 }