TanStackT
TanStack8mo ago
7 replies
foolish-indigo

React Compiler with TSS

Hello,
I'm trying to set up the new react compiler with TSS@alpha but it seems like not to have an affect.
That's my vite.config.ts

import tailwindcss from "@tailwindcss/vite";
import { tanstackStart } from "@tanstack/react-start/plugin/vite";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";

const ReactCompilerConfig = {
    target: "19",
};

export default defineConfig({
    ssr: {
        noExternal: ["@erquhart/convex-better-auth"],
    },
    plugins: [
        tsconfigPaths(),
        tailwindcss(),
        tanstackStart({
            react: {
                babel: {
                    plugins: [
                        ["babel-plugin-react-compiler", ReactCompilerConfig],
                    ],
                },
            },
        }),
    ],
});

Also added "babel-plugin-react-compiler": "19.1.0-rc.2"
Was this page helpful?