build: use ReactCompiler (#414)

* chore: add ESLint React compiler rules

* build: use ReactCompiler

* build: bump deps

.eslintrc.yml

@@ -18,15 +18,17 @@ parserOptions:
   project: './tsconfig.json'
 plugins:
   - '@typescript-eslint'
+  - eslint-plugin-react-compiler
   - react
   - unicorn
 rules:
-  import/prefer-default-export: 'off'
-  react/jsx-filename-extension: [2, { 'extensions': ['.jsx', '.tsx'] }]
-  react/require-default-props: 'off'
-  '@typescript-eslint/explicit-function-return-type': 'off'
+  import/prefer-default-export: off
+  react/jsx-filename-extension: [2, { extensions: ['.jsx', '.tsx'] }]
+  react/require-default-props: off
+  '@typescript-eslint/explicit-function-return-type': off
   unicorn/filename-case: ['error', { 'case': 'kebabCase' }]
-  'require-await': 'error'
+  require-await: error
+  react-compiler/react-compiler: error
 settings:
   import/resolver:
     alias:

package.json

@@ -37,7 +37,7 @@
     "@nx/storybook": "20.1.4",
     "@nx/vite": "20.1.4",
     "@nx/web": "20.1.4",
-    "@playwright/test": "^1.35.1",
+    "@playwright/test": "^1.49.1",
     "@storybook/addon-essentials": "^8.0.10",
     "@storybook/addon-interactions": "^8.0.10",
     "@storybook/addon-links": "^8.0.10",
@@ -54,9 +54,11 @@
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "@vanilla-extract/vite-plugin": "^4.0.18",
+    "@vitejs/plugin-react": "^4.3.4",
     "@vitejs/plugin-react-swc": "~3.7.2",
-    "@vitest/ui": "^1.3.1",
+    "@vitest/ui": "^1.6.0",
     "autoprefixer": "^10.4.13",
+    "babel-plugin-react-compiler": "19.0.0-beta-37ed2a7-20241206",
     "browserslist": "~4.22.1",
     "chromatic": "~9.0.0",
     "cssnano": "^6.0.1",
@@ -69,6 +71,7 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-compiler": "19.0.0-beta-37ed2a7-20241206",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.15",
     "eslint-plugin-unicorn": "^55.0.0",