feat: update start to rc (#1771)

Co-authored-by: Lachlan Collins <1667261+lachlancollins@users.noreply.github.com>
Co-authored-by: Harry Whorlow <whorlowharry@gmail.com>
Co-authored-by: Harry Whorlow <79278353+harry-whorlow@users.noreply.github.com>
Co-authored-by: Corbin Crutchley <git@crutchcorn.dev>

Author: 4 people

.changeset/config.json

@@ -9,6 +9,17 @@
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
   "fixed": [
+    [
+      "@tanstack/form-core",
+      "@tanstack/react-form",
+      "@tanstack/react-form-start",
+      "@tanstack/react-form-remix",
+      "@tanstack/react-form-nextjs",
+      "@tanstack/angular-form",
+      "@tanstack/vue-form",
+      "@tanstack/solid-form",
+      "@tanstack/svelte-form"
+    ],
     [
       "@tanstack/form-devtools",
       "@tanstack/react-form-devtools",

.changeset/cruel-clubs-agree.md

@@ -0,0 +1,5 @@
+---
+'@tanstack/react-form': minor
+---
+
+Update Start to Release Candidate version. Extracted start, remix and nextJs adapters to the respective libraries @tanstack/react-form-start, @tanstack/react-form-remix, and @tanstack/react-form-nextjs,

docs/framework/react/guides/ssr.md

@@ -26,7 +26,7 @@ Let's start by creating a `formOption` that we'll use to share the form's shape
 
 ```typescript
 // app/routes/index.tsx, but can be extracted to any other path
-import { formOptions } from '@tanstack/react-form'
+import { formOptions } from '@tanstack/react-form-start'
 
 // You can pass other form options here
 export const formOpts = formOptions({
@@ -44,7 +44,7 @@ Next, we can create [a Start Server Function](https://tanstack.com/start/latest/
 import {
   createServerValidate,
   ServerValidateError,
-} from '@tanstack/react-form/start'
+} from '@tanstack/react-form-start'
 
 const serverValidate = createServerValidate({
   ...formOpts,
@@ -93,7 +93,7 @@ Then we need to establish a way to grab the form data from `serverValidate`'s `r
 
 ```typescript
 // app/routes/index.tsx, but can be extracted to any other path
-import { getFormData } from '@tanstack/react-form/start'
+import { getFormData } from '@tanstack/react-form-start'
 
 export const getFormDataFromServer = createServerFn({ method: 'GET' }).handler(
   async () => {
@@ -106,13 +106,13 @@ Finally, we'll use `getFormDataFromServer` in our loader to get the state from o
 
 ```tsx
 // app/routes/index.tsx
-import { createFileRoute } from '@tanstack/react-router'
 import {
+  createFileRoute
   mergeForm,
   useForm,
   useStore,
   useTransform,
-} from '@tanstack/react-form'
+} from '@tanstack/react-form-start'
 
 export const Route = createFileRoute('/')({
   component: Home,
@@ -192,7 +192,7 @@ Let's start by creating a `formOption` that we'll use to share the form's shape
 ```typescript
 // shared-code.ts
 // Notice the import path is different from the client
-import { formOptions } from '@tanstack/react-form/nextjs'
+import { formOptions } from '@tanstack/react-form-nextjs'
 
 // You can pass other form options here
 export const formOpts = formOptions({
@@ -213,7 +213,7 @@ Next, we can create [a React Server Action](https://playfulprogramming.com/posts
 import {
   ServerValidateError,
   createServerValidate,
-} from '@tanstack/react-form/nextjs'
+} from '@tanstack/react-form-nextjs'
 import { formOpts } from './shared-code'
 
 // Create the server action that will infer the types of the form from `formOpts`
@@ -255,14 +255,13 @@ Finally, we'll use `someAction` in our client-side form component.
 'use client'
 
 import { useActionState } from 'react'
-import { initialFormState } from '@tanstack/react-form/nextjs'
-// Notice the import is from `react-form`, not `react-form/nextjs`
 import {
+  initialFormState
   mergeForm,
   useForm,
   useStore,
   useTransform,
-} from '@tanstack/react-form'
+} from '@tanstack/react-form-nextjs'
 import someAction from './action'
 import { formOpts } from './shared-code'
 
@@ -327,7 +326,7 @@ Here, we're using [React's `useActionState` hook](https://playfulprogramming.com
 > x You're importing a component that needs `useState`. This React hook only works in a client component. To fix, mark the file (or its parent) with the `"use client"` directive.
 > ```
 >
-> This is because you're not importing server-side code from `@tanstack/react-form/nextjs`. Ensure you're importing the correct module based on the environment.
+> This is because you're not importing server-side code from `@tanstack/react-form-nextjs`. Ensure you're importing the correct module based on the environment.
 >
 > [This is a limitation of Next.js](https://github.com/phryneas/rehackt). Other meta-frameworks will likely not have this same problem.
 
@@ -347,7 +346,7 @@ Let's start by creating a `formOption` that we'll use to share the form's shape
 
 ```typescript
 // routes/_index/route.tsx
-import { formOptions } from '@tanstack/react-form/remix'
+import { formOptions } from '@tanstack/react-form-remix'
 
 // You can pass other form options here
 export const formOpts = formOptions({
@@ -367,7 +366,7 @@ import {
   ServerValidateError,
   createServerValidate,
   formOptions,
-} from '@tanstack/react-form/remix'
+} from '@tanstack/react-form-remix'
 
 import type { ActionFunctionArgs } from '@remix-run/node'
 
@@ -410,10 +409,10 @@ Finally, the `action` will be called when the form submits.
 
 ```tsx
 // routes/_index/route.tsx
-import { Form, useActionData } from '@remix-run/react'
-
 import {
+  Form,
   mergeForm,
+  useActionData
   useForm,
   useStore,
   useTransform,
@@ -423,7 +422,7 @@ import {
   createServerValidate,
   formOptions,
   initialFormState,
-} from '@tanstack/react-form/remix'
+} from '@tanstack/react-form-remix'
 
 import type { ActionFunctionArgs } from '@remix-run/node'
 

examples/lit/array/package.json

@@ -13,7 +13,7 @@
     "lit": "^3.3.1"
   },
   "devDependencies": {
-    "vite": "^7.1.6"
+    "vite": "^7.2.2"
   },
   "browserslist": {
     "production": [

examples/lit/simple/package.json

@@ -13,7 +13,7 @@
     "lit": "^3.3.1"
   },
   "devDependencies": {
-    "vite": "^7.1.6"
+    "vite": "^7.2.2"
   },
   "browserslist": {
     "production": [

examples/lit/standard-schema/package.json

@@ -17,7 +17,7 @@
     "zod": "^3.25.76"
   },
   "devDependencies": {
-    "vite": "^7.1.6"
+    "vite": "^7.2.2"
   },
   "browserslist": {
     "production": [

examples/lit/ui-libraries/package.json

@@ -14,7 +14,7 @@
     "lit": "^3.3.1"
   },
   "devDependencies": {
-    "vite": "^7.1.6"
+    "vite": "^7.2.2"
   },
   "browserslist": {
     "production": [

examples/react/array/package.json

@@ -18,8 +18,8 @@
   "devDependencies": {
     "@types/react": "^19.0.7",
     "@types/react-dom": "^19.0.3",
-    "@vitejs/plugin-react": "^4.7.0",
-    "vite": "^7.1.6"
+    "@vitejs/plugin-react": "^5.1.1",
+    "vite": "^7.2.2"
   },
   "browserslist": {
     "production": [

examples/react/compiler/package.json

@@ -16,10 +16,10 @@
   "devDependencies": {
     "@types/react": "^19.0.7",
     "@types/react-dom": "^19.0.3",
-    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-react": "^5.1.1",
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
-    "vite": "^7.1.6"
+    "vite": "^7.2.2"
   },
   "browserslist": {
     "production": [

examples/react/devtools/package.json

@@ -18,8 +18,8 @@
   "devDependencies": {
     "@types/react": "^19.0.7",
     "@types/react-dom": "^19.0.3",
-    "@vitejs/plugin-react": "^4.7.0",
-    "vite": "^7.1.6"
+    "@vitejs/plugin-react": "^5.1.1",
+    "vite": "^7.2.2"
   },
   "browserslist": {
     "production": [