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

package/dist/index.cjs

@@ -441,10 +441,8 @@ function defineConfig(configOrOptions = {}) {
     }
     let config = {
       define: envDefine,
-      // 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.
+      // Client-scoped so React DevTools gets the dev react-dom; a global NODE_ENV
+      // flip would emit jsxDEV, which the react-server SSR runtime can't resolve.
       ...isDevBuild ? {
         environments: { client: { define: { "process.env.NODE_ENV": JSON.stringify("development") } } },
         esbuild: { keepNames: true }
@@ -468,6 +466,20 @@ function defineConfig(configOrOptions = {}) {
           "@tanstack/query-core"
         ]
       },
+      // Dep re-optimization rotates the optimized-dep hash and 504s tabs holding
+      // the old one; pre-bundle guaranteed deps and tolerate the stale requests.
+      optimizeDeps: {
+        include: [
+          "react",
+          "react-dom",
+          "react-dom/client",
+          "react/jsx-runtime",
+          "react/jsx-dev-runtime",
+          "@tanstack/react-router",
+          "@tanstack/react-start"
+        ],
+        ignoreOutdatedRequests: true
+      },
       plugins: [...internalPlugins, ...options.plugins ?? []]
     };
     if (options.vite) {

package/dist/index.js

@@ -407,10 +407,8 @@ function defineConfig(configOrOptions = {}) {
     }
     let config = {
       define: envDefine,
-      // 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.
+      // Client-scoped so React DevTools gets the dev react-dom; a global NODE_ENV
+      // flip would emit jsxDEV, which the react-server SSR runtime can't resolve.
       ...isDevBuild ? {
         environments: { client: { define: { "process.env.NODE_ENV": JSON.stringify("development") } } },
         esbuild: { keepNames: true }
@@ -434,6 +432,20 @@ function defineConfig(configOrOptions = {}) {
           "@tanstack/query-core"
         ]
       },
+      // Dep re-optimization rotates the optimized-dep hash and 504s tabs holding
+      // the old one; pre-bundle guaranteed deps and tolerate the stale requests.
+      optimizeDeps: {
+        include: [
+          "react",
+          "react-dom",
+          "react-dom/client",
+          "react/jsx-runtime",
+          "react/jsx-dev-runtime",
+          "@tanstack/react-router",
+          "@tanstack/react-start"
+        ],
+        ignoreOutdatedRequests: true
+      },
       plugins: [...internalPlugins, ...options.plugins ?? []]
     };
     if (options.vite) {

package/package.json

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