@@ -102,7 +102,12 @@ Finally, we'll use `getFormDataFromServer` in our loader to get the state from o
102102``` tsx
103103// app/routes/index.tsx
104104import { createFileRoute } from ' @tanstack/react-router'
105- import { mergeForm , useForm , useTransform } from ' @tanstack/react-form'
105+ import {
106+ mergeForm ,
107+ useForm ,
108+ useStore ,
109+ useTransform ,
110+ } from ' @tanstack/react-form'
106111
107112export const Route = createFileRoute (' /' )({
108113 component: Home ,
@@ -241,7 +246,12 @@ Finally, we'll use `someAction` in our client-side form component.
241246import { useActionState } from ' react'
242247import { initialFormState } from ' @tanstack/react-form/nextjs'
243248// Notice the import is from `react-form`, not `react-form/nextjs`
244- import { mergeForm , useForm , useTransform } from ' @tanstack/react-form'
249+ import {
250+ mergeForm ,
251+ useForm ,
252+ useStore ,
253+ useTransform ,
254+ } from ' @tanstack/react-form'
245255import someAction from ' ./action'
246256import { formOpts } from ' ./shared-code'
247257
@@ -385,7 +395,12 @@ Finally, the `action` will be called when the form submits.
385395// routes/_index/route.tsx
386396import { Form , useActionData } from ' @remix-run/react'
387397
388- import { mergeForm , useForm , useTransform } from ' @tanstack/react-form'
398+ import {
399+ mergeForm ,
400+ useForm ,
401+ useStore ,
402+ useTransform ,
403+ } from ' @tanstack/react-form'
389404import {
390405 ServerValidateError ,
391406 createServerValidate ,
0 commit comments