Set up React Compiler

Author: mkaput

frontend/package-lock.json

@@ -31,6 +31,7 @@
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "@vitejs/plugin-react": "^5.1.0",
+    "babel-plugin-react-compiler": "^1.0.0",
     "eslint": "^9.38.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react-hooks": "^7.0.1",

frontend/package.json

@@ -7,7 +7,15 @@ import { maatPlugin } from "./vite-plugin-maat";
 // https://vite.dev/config/
 export default defineConfig({
   base: "/maat",
-  plugins: [react(), tailwindcss(), maatPlugin()],
+  plugins: [
+    react({
+      babel: {
+        plugins: ["babel-plugin-react-compiler"],
+      },
+    }),
+    tailwindcss(),
+    maatPlugin(),
+  ],
   build: {
     assetsDir: "_assets",
     sourcemap: true,