feat(suite): enable react compiler

Author: vojtatranta

packages/eslint/package.json

@@ -20,5 +20,8 @@
         "eslint-plugin-react": "^7.37.4",
         "eslint-plugin-react-hooks": "^5.1.0",
         "typescript-eslint": "^8.23.0"
+    },
+    "dependencies": {
+        "eslint-plugin-react-compiler": "19.0.0-beta-40c6c23-20250301"
     }
 }

packages/eslint/src/reactConfig.mjs

@@ -1,9 +1,11 @@
 import pluginReact from 'eslint-plugin-react';
+import reactCompiler from 'eslint-plugin-react-compiler';
 import pluginReactHooks from 'eslint-plugin-react-hooks';
 
 export const reactConfig = [
     // React
     pluginReact.configs.flat.recommended,
+    reactCompiler.configs.recommended,
     {
         languageOptions: {
             ...pluginReact.configs.flat.recommended.languageOptions,

packages/suite-build/configs/base.webpack.config.ts

@@ -120,6 +120,8 @@ const config: webpack.Configuration = {
                                     preprocess: true,
                                 },
                             ],
+                            ['babel-plugin-react-compiler', { target: '19' }],
+
                             ...(isDev ? ['react-refresh/babel'] : []),
                         ],
                     },

packages/suite-build/package.json

@@ -26,6 +26,7 @@
         "@trezor/bundler-security": "workspace:*",
         "@trezor/suite": "workspace:*",
         "babel-loader": "^9.1.3",
+        "babel-plugin-react-compiler": "19.0.0-beta-40c6c23-20250301",
         "babel-plugin-styled-components": "^2.1.4",
         "copy-webpack-plugin": "^12.0.2",
         "crypto-browserify": "^3.12.0",

packages/suite-web/vite.config.ts

@@ -180,6 +180,7 @@ export default defineConfig({
                             fileName: false,
                         },
                     ],
+                    ['babel-plugin-react-compiler', { target: '19' }],
                 ],
             },
         }),

yarn.lock

@@ -138,7 +138,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.13.16, @babel/core@npm:^7.18.5, @babel/core@npm:^7.18.9, @babel/core@npm:^7.20.0, @babel/core@npm:^7.23.9, @babel/core@npm:^7.25.2, @babel/core@npm:^7.26.0":
+"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.13.16, @babel/core@npm:^7.18.5, @babel/core@npm:^7.18.9, @babel/core@npm:^7.20.0, @babel/core@npm:^7.23.9, @babel/core@npm:^7.24.4, @babel/core@npm:^7.25.2, @babel/core@npm:^7.26.0":
   version: 7.26.9
   resolution: "@babel/core@npm:7.26.9"
   dependencies:
@@ -611,6 +611,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-private-methods@npm:^7.18.6":
+  version: 7.18.6
+  resolution: "@babel/plugin-proposal-private-methods@npm:7.18.6"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": "npm:^7.18.6"
+    "@babel/helper-plugin-utils": "npm:^7.18.6"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10/22d8502ee96bca99ad2c8393e8493e2b8d4507576dd054490fd8201a36824373440106f5b098b6d821b026c7e72b0424ff4aeca69ed5f42e48f029d3a156d5ad
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2":
   version: 7.21.0-placeholder-for-preset-env.2
   resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2"
@@ -1774,7 +1786,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.2, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.24.7, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.9, @babel/types@npm:^7.26.9, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.2, @babel/types@npm:^7.18.9, @babel/types@npm:^7.19.0, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.24.7, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.9, @babel/types@npm:^7.26.9, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
   version: 7.26.9
   resolution: "@babel/types@npm:7.26.9"
   dependencies:
@@ -9730,7 +9742,6 @@ __metadata:
     "@types/invity-api": "npm:^1.1.5"
     react: "npm:^19.0.0"
     react-redux: "npm:8.0.7"
-    uuid: "npm:^11.0.5"
   languageName: unknown
   linkType: soft
 
@@ -12150,6 +12161,7 @@ __metadata:
     eslint-plugin-jsx-a11y: "npm:^6.10.2"
     eslint-plugin-local-rules: "npm:^3.0.2"
     eslint-plugin-react: "npm:^7.37.4"
+    eslint-plugin-react-compiler: "npm:19.0.0-beta-40c6c23-20250301"
     eslint-plugin-react-hooks: "npm:^5.1.0"
     typescript-eslint: "npm:^8.23.0"
   languageName: unknown
@@ -12352,6 +12364,7 @@ __metadata:
     "@types/webpack-bundle-analyzer": "npm:^4.7.0"
     "@types/webpack-plugin-serve": "npm:^1.4.6"
     babel-loader: "npm:^9.1.3"
+    babel-plugin-react-compiler: "npm:19.0.0-beta-40c6c23-20250301"
     babel-plugin-styled-components: "npm:^2.1.4"
     copy-webpack-plugin: "npm:^12.0.2"
     crypto-browserify: "npm:^3.12.0"
@@ -16425,6 +16438,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-react-compiler@npm:19.0.0-beta-40c6c23-20250301":
+  version: 19.0.0-beta-40c6c23-20250301
+  resolution: "babel-plugin-react-compiler@npm:19.0.0-beta-40c6c23-20250301"
+  dependencies:
+    "@babel/types": "npm:^7.19.0"
+  checksum: 10/01d517805ae09c92c1d43b9048a5e07fe9e612803f856571e9d61da0dd686a38a04f062c323007814430f9f6600c4fc79cbc9e8d43007a932ddb43760f231551
+  languageName: node
+  linkType: hard
+
 "babel-plugin-react-native-web@npm:~0.19.13":
   version: 0.19.13
   resolution: "babel-plugin-react-native-web@npm:0.19.13"
@@ -22433,6 +22455,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-plugin-react-compiler@npm:19.0.0-beta-40c6c23-20250301":
+  version: 19.0.0-beta-40c6c23-20250301
+  resolution: "eslint-plugin-react-compiler@npm:19.0.0-beta-40c6c23-20250301"
+  dependencies:
+    "@babel/core": "npm:^7.24.4"
+    "@babel/parser": "npm:^7.24.4"
+    "@babel/plugin-proposal-private-methods": "npm:^7.18.6"
+    hermes-parser: "npm:^0.25.1"
+    zod: "npm:^3.22.4"
+    zod-validation-error: "npm:^3.0.3"
+  peerDependencies:
+    eslint: ">=7"
+  checksum: 10/c7943e245c3c32259bb6bcef7b2cb5ecb8e0965f39cb17c9e6f98d164a9ff608aa360ccb4c4d15411fc7b7ad2007a4c81269814ec0eb09d6cf5a67b487f95a0a
+  languageName: node
+  linkType: hard
+
 "eslint-plugin-react-hooks@npm:^5.1.0":
   version: 5.1.0
   resolution: "eslint-plugin-react-hooks@npm:5.1.0"
@@ -25862,7 +25900,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hermes-parser@npm:0.25.1":
+"hermes-parser@npm:0.25.1, hermes-parser@npm:^0.25.1":
   version: 0.25.1
   resolution: "hermes-parser@npm:0.25.1"
   dependencies:
@@ -44153,10 +44191,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"zod@npm:^3.21.4, zod@npm:^3.22.3, zod@npm:^3.23.8":
-  version: 3.23.8
-  resolution: "zod@npm:3.23.8"
-  checksum: 10/846fd73e1af0def79c19d510ea9e4a795544a67d5b34b7e1c4d0425bf6bfd1c719446d94cdfa1721c1987d891321d61f779e8236fde517dc0e524aa851a6eff1
+"zod-validation-error@npm:^3.0.3":
+  version: 3.4.0
+  resolution: "zod-validation-error@npm:3.4.0"
+  peerDependencies:
+    zod: ^3.18.0
+  checksum: 10/b98b1bbba14a3bb31649a1566c8c5a5213ec70dcaa2cbb1e89db00d56648a446225b35a8f6768471730d7013f4f141cd70c2b9740d69e6433ebfa148aecdac2f
+  languageName: node
+  linkType: hard
+
+"zod@npm:^3.21.4, zod@npm:^3.22.3, zod@npm:^3.22.4, zod@npm:^3.23.8":
+  version: 3.24.2
+  resolution: "zod@npm:3.24.2"
+  checksum: 10/604c62a8cf8e330d78b106a557f4b44f5d14845d20b1360a423ccc09b58cb8525ccf7e4b40cf1bd4852d22393d2c67774b5817ec5a2fedab25f543b36ed15943
   languageName: node
   linkType: hard