When building app i get "... set "customViteReactPlugin: true" - where do i do this?
please add the vite-react plugin to your Vite config and set 'customViteReactPlugin: true'
TanStack Start will not configure the vite-react plugin in future anymore.
This is my vite.config.ts
export default defineConfig({
server: {
port: 3000,
},
optimizeDeps: {
exclude: ["@tanstack/react-router-devtools"],
},
plugins: [
tsConfigPaths({
projects: ["./tsconfig.json"],
}),
tanstackStart({
react: {
babel: {
plugins: [
[
"babel-plugin-react-compiler",
{
target: "19",
},
],
],
},
},
// For building the app for production
// target: "cloudflare-module",
target: "vercel",
}),
tailwindcss(),
// visualizer({ open: true }),
],
resolve: {
alias: {
"@": path.resolve(import.meta.dirname, "./src"),
// https://github.com/tabler/tabler-icons/issues/1233
// /esm/icons/index.mjs only exports the icons statically, so no separate chunks are created
// "@tabler/icons-react": "@tabler/icons-react/dist/esm/icons/index.mjs",
},
},
})
TanStack Start will not configure the vite-react plugin in future anymore.
This is my vite.config.ts
export default defineConfig({
server: {
port: 3000,
},
optimizeDeps: {
exclude: ["@tanstack/react-router-devtools"],
},
plugins: [
tsConfigPaths({
projects: ["./tsconfig.json"],
}),
tanstackStart({
react: {
babel: {
plugins: [
[
"babel-plugin-react-compiler",
{
target: "19",
},
],
],
},
},
// For building the app for production
// target: "cloudflare-module",
target: "vercel",
}),
tailwindcss(),
// visualizer({ open: true }),
],
resolve: {
alias: {
"@": path.resolve(import.meta.dirname, "./src"),
// https://github.com/tabler/tabler-icons/issues/1233
// /esm/icons/index.mjs only exports the icons statically, so no separate chunks are created
// "@tabler/icons-react": "@tabler/icons-react/dist/esm/icons/index.mjs",
},
},
})
GitHub
A set of over 5800 free MIT-licensed high-quality SVG icons for you to use in your web projects. - tabler/tabler-icons
