feat: use react-start packages for Start support (#1191)

Author: schiller-manuel

examples/react/tanstack-start/app.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from '@tanstack/start/config'
+import { defineConfig } from '@tanstack/react-start/config'
 import tsConfigPaths from 'vite-tsconfig-paths'
 
 export default defineConfig({

examples/react/tanstack-start/app/client.tsx

@@ -1,5 +1,5 @@
 import { hydrateRoot } from 'react-dom/client'
-import { StartClient } from '@tanstack/start'
+import { StartClient } from '@tanstack/react-start'
 import { createRouter } from './router'
 
 const router = createRouter()

examples/react/tanstack-start/app/routes/__root.tsx

@@ -3,7 +3,7 @@ import {
   ScrollRestoration,
   createRootRoute,
 } from '@tanstack/react-router'
-import { Meta, Scripts } from '@tanstack/start'
+import { Meta, Scripts } from '@tanstack/react-start'
 import * as React from 'react'
 
 export const Route = createRootRoute({

examples/react/tanstack-start/app/ssr.tsx

@@ -1,8 +1,8 @@
 import {
   createStartHandler,
   defaultStreamHandler,
-} from '@tanstack/start/server'
-import { getRouterManifest } from '@tanstack/start/router-manifest'
+} from '@tanstack/react-start/server'
+import { getRouterManifest } from '@tanstack/react-start/router-manifest'
 
 import { createRouter } from './router'
 

examples/react/tanstack-start/app/utils/form.tsx

@@ -1,11 +1,11 @@
-import { createServerFn } from '@tanstack/start'
+import { createServerFn } from '@tanstack/react-start'
 import { formOptions } from '@tanstack/react-form'
 import {
   ServerValidateError,
   createServerValidate,
   getFormData,
 } from '@tanstack/react-form/start'
-import { setResponseStatus } from 'vinxi/http'
+import { setResponseStatus } from '@tanstack/react-start/server'
 
 export const formOpts = formOptions({
   defaultValues: {

examples/react/tanstack-start/package.json

@@ -11,9 +11,9 @@
   "dependencies": {
     "@tanstack/form-core": "^0.45.1",
     "@tanstack/react-form": "^0.45.1",
-    "@tanstack/react-router": "^1.95.6",
+    "@tanstack/react-router": "^1.112.0",
+    "@tanstack/react-start": "^1.112.0",
     "@tanstack/react-store": "^0.7.0",
-    "@tanstack/start": "^1.95.7",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "vinxi": "^0.5.1"

knip.json

@@ -1,5 +1,5 @@
 {
   "$schema": "https://unpkg.com/knip@5/schema.json",
-  "ignoreDependencies": ["@tanstack/start", "vinxi"],
+  "ignoreDependencies": ["@tanstack/react-start", "vinxi"],
   "ignoreWorkspaces": ["examples/**"]
 }

packages/react-form/package.json

@@ -88,7 +88,7 @@
     "decode-formdata": "^0.8.0"
   },
   "devDependencies": {
-    "@tanstack/start": "^1.95.7",
+    "@tanstack/react-start": "^1.112.0",
     "@types/react": "^19.0.7",
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.3.4",
@@ -99,12 +99,12 @@
     "vite": "^6.1.1"
   },
   "peerDependencies": {
-    "@tanstack/start": "^1.81.6",
+    "@tanstack/react-start": "^1.112.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "vinxi": "^0.5.0"
   },
   "peerDependenciesMeta": {
-    "@tanstack/start": {
+    "@tanstack/react-start": {
       "optional": true
     },
     "vinxi": {

packages/react-form/src/start/createServerValidate.tsx

@@ -4,7 +4,7 @@ import {
   isStandardSchemaValidator,
   standardSchemaValidators,
 } from '@tanstack/form-core'
-import { getHeader } from 'vinxi/http'
+import { getHeader } from '@tanstack/react-start/server'
 import { _tanstackInternalsCookie } from './utils'
 import { ServerValidateError } from './error'
 import type {

packages/react-form/src/start/getFormData.tsx

@@ -1,4 +1,4 @@
-import { getHeader, removeResponseHeader } from 'vinxi/http'
+import { getHeader, removeResponseHeader } from '@tanstack/react-start/server'
 import { _tanstackInternalsCookie } from './utils'
 import type { ServerFormState } from './types'