fix: fix start vite plugin during dev and prod (#4736)

Author: schiller-manuel

package.json

@@ -68,9 +68,6 @@
     "vite": "6.3.5",
     "vitest": "^3.0.6"
   },
-  "resolutions": {
-    "use-sync-external-store": "1.2.2"
-  },
   "pnpm": {
     "overrides": {
       "react": "$react",
@@ -81,7 +78,6 @@
       "vite": "$vite",
       "@playwright/test": "$@playwright/test",
       "@tanstack/react-query": "5.66.0",
-      "use-sync-external-store": "1.2.2",
       "@tanstack/history": "workspace:*",
       "@tanstack/router-core": "workspace:*",
       "@tanstack/react-router": "workspace:*",

packages/react-start-plugin/package.json

@@ -41,17 +41,12 @@
   },
   "type": "module",
   "types": "dist/esm/index.d.ts",
-  "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",
   "exports": {
     ".": {
       "import": {
         "types": "./dist/esm/index.d.ts",
         "default": "./dist/esm/index.js"
-      },
-      "require": {
-        "types": "./dist/cjs/index.d.cts",
-        "default": "./dist/cjs/index.cjs"
       }
     },
     "./package.json": "./package.json"
@@ -66,6 +61,7 @@
   },
   "dependencies": {
     "@tanstack/start-plugin-core": "workspace:*",
+    "pathe": "^2.0.3",
     "zod": "^3.24.2"
   },
   "devDependencies": {

packages/react-start-plugin/src/index.ts

@@ -1,5 +1,7 @@
+import { fileURLToPath } from 'node:url'
 import viteReact from '@vitejs/plugin-react'
 import { TanStackStartVitePluginCore } from '@tanstack/start-plugin-core'
+import path from 'pathe'
 import { getTanStackStartOptions } from './schema'
 import type { TanStackStartInputConfig, WithReactPlugin } from './schema'
 import type { PluginOption } from 'vite'
@@ -26,7 +28,39 @@ export function TanStackStartVitePlugin(
     )
   }
 
+  const isInsideRouterMonoRepo = (() => {
+    const currentDir = path.dirname(fileURLToPath(import.meta.url))
+    return path.basename(path.resolve(currentDir, '../../../')) === 'packages'
+  })()
+
   return [
+    {
+      name: 'tanstack-react-start:config',
+      configEnvironment() {
+        return {
+          resolve: {
+            dedupe: ['react', 'react-dom', '@tanstack/react-router'],
+
+            external: isInsideRouterMonoRepo
+              ? ['@tanstack/react-router', '@tanstack/react-router-devtools']
+              : undefined,
+          },
+
+          optimizeDeps: {
+            exclude: ['@tanstack/react-router-devtools'],
+            include: [
+              'react',
+              'react/jsx-runtime',
+              'react/jsx-dev-runtime',
+              'react-dom',
+              'react-dom/client',
+              '@tanstack/react-router',
+              '@tanstack/react-store',
+            ],
+          },
+        }
+      },
+    },
     TanStackStartVitePluginCore(
       {
         framework: 'react',

packages/react-start-plugin/vite.config.ts

@@ -17,5 +17,6 @@ export default mergeConfig(
     entry: './src/index.ts',
     srcDir: './src',
     outDir: './dist',
+    cjs: false,
   }),
 )

packages/start-plugin-core/src/plugin.ts

@@ -126,23 +126,17 @@ export function TanStackStartVitePluginCore(
           },
           resolve: {
             noExternal: [
-              '@tanstack/start-client',
-              '@tanstack/start-client-core',
-              '@tanstack/start-server',
-              '@tanstack/start-server-core',
-              '@tanstack/start-server-functions-fetcher',
-              '@tanstack/start-server-functions-client',
-              '@tanstack/start-server-functions-server',
-              '@tanstack/start-router-manifest',
-              '@tanstack/start-config',
-              '@tanstack/server-functions-plugin',
-              'nitropack',
-              '@tanstack/**start**',
+              '@tanstack/start**',
+              `@tanstack/${opts.framework}-start**`,
               ...Object.values(VIRTUAL_MODULES),
             ],
+            dedupe: [`@tanstack/${opts.framework}-start`],
           },
           optimizeDeps: {
-            exclude: [...Object.values(VIRTUAL_MODULES)],
+            exclude: [
+              ...Object.values(VIRTUAL_MODULES),
+              `@tanstack/${opts.framework}-start`,
+            ],
           },
           /* prettier-ignore */
           define: {