feat(test): enable React Compiler in vitest

Run `babel-plugin-react-compiler` through `@rolldown/plugin-babel` +
`reactCompilerPreset` so the memoize behavior in unit tests matches
production (Next.js). Keeps hooks and components free of manual
`useCallback` / `useMemo` while still catching regressions in tests.

Co-Authored-By: Claude Opus 4.7 (1M context) <[email protected]>

Author: devmgn

package.json

@@ -45,8 +45,10 @@
     "zod": "4.3.6"
   },
   "devDependencies": {
+    "@babel/core": "7.29.0",
     "@faker-js/faker": "10.4.0",
     "@next/env": "16.2.4",
+    "@rolldown/plugin-babel": "0.2.3",
     "@storybook/addon-a11y": "10.3.5",
     "@storybook/addon-docs": "10.3.5",
     "@storybook/addon-mcp": "0.6.0",
@@ -57,6 +59,7 @@
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
+    "@types/babel__core": "7.20.5",
     "@types/node": "24.12.2",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",

pnpm-lock.yaml

@@ -1,5 +1,6 @@
+import babel from "@rolldown/plugin-babel";
 import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
-import react from "@vitejs/plugin-react";
+import react, { reactCompilerPreset } from "@vitejs/plugin-react";
 import { playwright } from "@vitest/browser-playwright";
 import { defineConfig } from "vitest/config";
 
@@ -26,7 +27,12 @@ export default defineConfig({
     projects: [
       {
         extends: true,
-        plugins: [react()],
+        plugins: [
+          react(),
+          // 本番 (Next.js) と同じ memoize 挙動をテストでも担保するため React Compiler を有効化する。
+          // @see https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md#react-compiler
+          babel({ presets: [reactCompilerPreset()] }),
+        ],
         test: {
           name: "unit",
           globals: true,