chore(playground): add React Compiler

Author: radist2s

playground/eslint.config.js

@@ -1,4 +1,5 @@
 import js from '@eslint/js';
+import reactCompiler from 'eslint-plugin-react-compiler';
 import reactHooks from 'eslint-plugin-react-hooks';
 import reactRefresh from 'eslint-plugin-react-refresh';
 import globals from 'globals';
@@ -24,5 +25,6 @@ export default tseslint.config(
         { allowConstantExport: true },
       ],
     },
-  }
+  },
+  reactCompiler.configs.recommended
 );

playground/package.json

@@ -26,11 +26,13 @@
     "@faker-js/faker": "^10.2.0",
     "@types/react": "^19.0.9",
     "@types/react-dom": "^19.0.3",
-    "@vitejs/plugin-react-swc": "^3.11.0",
+    "@vitejs/plugin-react": "^5.1.2",
+    "babel-plugin-react-compiler": "^1.0.0",
     "dotenv": "^16.4.5",
     "dotenv-expand": "^10.0.0",
     "eslint": "^9.39.1",
     "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",

playground/vite.config.ts

@@ -1,7 +1,22 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
 
-// https://vite.dev/config/
 export default defineConfig({
-  plugins: [react()],
-})
+  plugins: [
+    react({
+      babel: {
+        plugins: [
+          [
+            'babel-plugin-react-compiler',
+            {
+              panicThreshold: 'all_errors',
+            },
+          ],
+        ],
+      },
+    }),
+  ],
+  build: {
+    minify: false,
+  },
+});