Enable React Compiler 🔥

Author: hsjoberg

app.config.ts

@@ -8,6 +8,9 @@ const config: { expo: ExpoConfig } = {
     orientation: "portrait",
     userInterfaceStyle: "dark",
     newArchEnabled: true,
+    experiments: {
+      reactCompiler: true,
+    },
     splash: {
       image: "./assets/splash-icon.png",
       resizeMode: "contain",

bun.lock

@@ -1,10 +1,14 @@
 // https://docs.expo.dev/guides/using-eslint/
-const { defineConfig } = require('eslint/config');
+const { defineConfig } = require("eslint/config");
 const expoConfig = require("eslint-config-expo/flat");
 
 module.exports = defineConfig([
   expoConfig,
   {
     ignores: ["dist/*"],
-  }
+    plugins: ["react-compiler"],
+    rules: {
+      "react-compiler/react-compiler": "error",
+    },
+  },
 ]);

eslint.config.js

@@ -56,9 +56,11 @@
     "@rn-primitives/separator": "^1.2.0",
     "@rn-primitives/slot": "^1.2.0",
     "@tanstack/react-query": "^5.81.2",
+    "babel-plugin-react-compiler": "^19.0.0-beta-af1b7da-20250417",
     "bitcoin-address-validation": "^3.0.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
     "expo": "~53.0.12",
     "expo-build-properties": "~0.14.6",
     "expo-constants": "^17.1.6",