.

vite.config.ts

@@ -1,8 +1,24 @@
 import { reactRouter } from "@react-router/dev/vite";
 import tailwindcss from "@tailwindcss/vite";
 import { defineConfig } from "vite";
+import babel from "vite-plugin-babel";
 import tsconfigPaths from "vite-tsconfig-paths";
 
+const ReactCompilerConfig = {
+    target: "19", // '17' | '18' | '19'
+};
+
 export default defineConfig({
-    plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
+    plugins: [
+        tailwindcss(),
+        reactRouter(),
+        tsconfigPaths(),
+        babel({
+            filter: /\.[jt]sx?$/,
+            babelConfig: {
+                presets: ["@babel/preset-typescript"],
+                plugins: [["babel-plugin-react-compiler", ReactCompilerConfig]],
+            },
+        }),
+    ],
 });