Enable React Compiler across all Next.js apps

Author: jnsdls

apps/dashboard/next.config.ts

@@ -124,6 +124,7 @@ const baseNextConfig: NextConfig = {
     webpackMemoryOptimizations: true,
     serverSourceMaps: false,
     taint: true,
+    reactCompiler: true,
   },
   serverExternalPackages: ["pino-pretty"],
   async headers() {

apps/dashboard/package.json

@@ -130,6 +130,7 @@
     "@typescript-eslint/eslint-plugin": "7.14.1",
     "@typescript-eslint/parser": "7.14.1",
     "autoprefixer": "^10.4.21",
+    "babel-plugin-react-compiler": "19.1.0-rc.2",
     "checkly": "5.6.0",
     "eslint": "8.57.0",
     "eslint-config-biome": "1.9.4",

apps/login/next.config.ts

@@ -2,6 +2,9 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
+  experimental: {
+    reactCompiler: true,
+  },
 };
 
 export default nextConfig;

apps/login/package.json

@@ -40,6 +40,7 @@
     "@types/node": "22.14.1",
     "@types/react": "19.1.8",
     "@types/react-dom": "19.1.6",
+    "babel-plugin-react-compiler": "19.1.0-rc.2",
     "eslint": "9.24.0",
     "eslint-config-next": "15.3.3",
     "postcss": "8.5.5",

apps/playground-web/next.config.mjs

@@ -45,6 +45,7 @@ const nextConfig = {
     webpackBuildWorker: true,
     webpackMemoryOptimizations: true,
     serverSourceMaps: false,
+    reactCompiler: true,
   },
   async headers() {
     return [

apps/playground-web/package.json

@@ -54,6 +54,7 @@
     "@types/react": "19.1.8",
     "@types/react-dom": "19.1.6",
     "autoprefixer": "^10.4.21",
+    "babel-plugin-react-compiler": "19.1.0-rc.2",
     "eslint": "8.57.0",
     "eslint-config-biome": "1.9.4",
     "eslint-config-next": "15.3.3",

apps/portal/next.config.mjs

@@ -55,6 +55,7 @@ const nextConfig = {
     webpackBuildWorker: true,
     webpackMemoryOptimizations: true,
     serverSourceMaps: false,
+    reactCompiler: true,
   },
   pageExtensions: ["mdx", "tsx", "ts"],
   redirects,

apps/portal/package.json

@@ -72,6 +72,7 @@
     "@typescript-eslint/eslint-plugin": "7.14.1",
     "@typescript-eslint/parser": "7.14.1",
     "autoprefixer": "^10.4.21",
+    "babel-plugin-react-compiler": "19.1.0-rc.2",
     "eslint": "8.57.0",
     "eslint-config-biome": "1.9.4",
     "eslint-plugin-mdx": "3.4.2",

apps/wallet-ui/next.config.mjs

@@ -54,6 +54,7 @@ const nextConfig = {
     webpackBuildWorker: true,
     webpackMemoryOptimizations: true,
     serverSourceMaps: false,
+    reactCompiler: true,
   },
   webpack: (config) => {
     config.externals.push("pino-pretty", "lokijs", "encoding");

apps/wallet-ui/package.json

@@ -40,6 +40,7 @@
     "@types/react-dom": "19.1.6",
     "@typescript-eslint/eslint-plugin": "7.14.1",
     "@typescript-eslint/parser": "7.14.1",
+    "babel-plugin-react-compiler": "19.1.0-rc.2",
     "eslint": "8.57.0",
     "eslint-config-biome": "1.9.4",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",