Merge pull request #384 from code0-tech/202-react-compiler-setup

Setup react compiler

Author: Taucher2003

package-lock.json

@@ -19,6 +19,8 @@
   "author": "Code0",
   "devDependencies": {
     "@ariakit/react": "^0.4.17",
+    "@babel/plugin-proposal-decorators": "^7.28.0",
+    "@babel/plugin-transform-class-properties": "^7.27.1",
     "@mdx-js/react": "^3.1.0",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
@@ -51,6 +53,7 @@
     "@vitejs/plugin-react": "^4.6.0",
     "axe-playwright": "^2.1.0",
     "babel-loader": "^9.2.1",
+    "babel-plugin-react-compiler": "^19.1.0-rc.2",
     "concurrently": "^9.1.2",
     "css-loader": "^7.1.2",
     "html-webpack-plugin": "^5.6.3",
@@ -85,9 +88,9 @@
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-one-time-password-field": "^0.1.7",
+    "@radix-ui/react-radio-group": "^1.3.7",
     "@radix-ui/react-tabs": "^1.1.12",
     "@radix-ui/react-toggle-group": "^1.1.10",
-    "@radix-ui/react-radio-group": "^1.3.7",
     "@tabler/icons-react": "^3.5.0",
     "js-md5": "^0.8.3",
     "merge-props": "^6.0.0",

package.json

@@ -9,7 +9,15 @@ import pkg from './package.json'
 
 export default defineConfig({
     plugins: [
-        react(),
+        react({
+            babel: {
+                plugins: [
+                    'babel-plugin-react-compiler',
+                    ['@babel/plugin-proposal-decorators', { decoratorsBeforeExport: true }],
+                    '@babel/plugin-transform-class-properties'
+                ],
+            },
+        }),
         libInjectCss(),
         dts({
             include: ['src'],