@lovable.dev/vite-tanstack-config 2.5.0-rc.0 → 2.5.0-rc.2

package/dist/index.cjs

@@ -332,9 +332,6 @@ function defineConfig(configOrOptions = {}) {
     const { command, mode } = env;
     const isSandbox = isSandboxEnvironment();
     const isDevBuild = command === "build" && mode === "development";
-    if (isDevBuild) {
-      process.env.NODE_ENV = "development";
-    }
     let options;
     if (typeof configOrOptions === "function") {
       const userConfig = await Promise.resolve(configOrOptions(env));
@@ -444,9 +441,14 @@ function defineConfig(configOrOptions = {}) {
     }
     let config = {
       define: envDefine,
-      // keepNames so minification doesn't rename components to single letters
-      // in the DevTools tree (the dev react-dom is selected via NODE_ENV above).
-      ...isDevBuild ? { esbuild: { keepNames: true } } : {},
+      // Give the client the dev react-dom React DevTools needs, scoped to the
+      // client environment only: a global NODE_ENV flip would also make the JSX
+      // transform emit jsxDEV, which the react-server SSR runtime can't resolve.
+      // keepNames keeps component names readable in the DevTools tree.
+      ...isDevBuild ? {
+        environments: { client: { define: { "process.env.NODE_ENV": JSON.stringify("development") } } },
+        esbuild: { keepNames: true }
+      } : {},
       // Match the build's CSS pipeline in dev. Vite uses PostCSS in dev and only
       // runs Lightning CSS at build, so build-time transforms (e.g. collapsing a
       // hand-written `-webkit-backdrop-filter` to the prefixed form Chrome ignores)

package/dist/index.js

@@ -298,9 +298,6 @@ function defineConfig(configOrOptions = {}) {
     const { command, mode } = env;
     const isSandbox = isSandboxEnvironment();
     const isDevBuild = command === "build" && mode === "development";
-    if (isDevBuild) {
-      process.env.NODE_ENV = "development";
-    }
     let options;
     if (typeof configOrOptions === "function") {
       const userConfig = await Promise.resolve(configOrOptions(env));
@@ -410,9 +407,14 @@ function defineConfig(configOrOptions = {}) {
     }
     let config = {
       define: envDefine,
-      // keepNames so minification doesn't rename components to single letters
-      // in the DevTools tree (the dev react-dom is selected via NODE_ENV above).
-      ...isDevBuild ? { esbuild: { keepNames: true } } : {},
+      // Give the client the dev react-dom React DevTools needs, scoped to the
+      // client environment only: a global NODE_ENV flip would also make the JSX
+      // transform emit jsxDEV, which the react-server SSR runtime can't resolve.
+      // keepNames keeps component names readable in the DevTools tree.
+      ...isDevBuild ? {
+        environments: { client: { define: { "process.env.NODE_ENV": JSON.stringify("development") } } },
+        esbuild: { keepNames: true }
+      } : {},
       // Match the build's CSS pipeline in dev. Vite uses PostCSS in dev and only
       // runs Lightning CSS at build, so build-time transforms (e.g. collapsing a
       // hand-written `-webkit-backdrop-filter` to the prefixed form Chrome ignores)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovable.dev/vite-tanstack-config",
-  "version": "2.5.0-rc.0",
+  "version": "2.5.0-rc.2",
   "description": "Vite config wrapper for Lovable TanStack Start projects",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",