chore: attempt to fix Start and Remix as well

Author: crutchcorn

examples/react/remix/app/routes/_index/route.tsx

@@ -6,7 +6,7 @@ import {
   formOptions,
   mergeForm,
   useForm,
-  useMerge,
+  useTransform,
 } from '@tanstack/react-form-remix'
 import { useStore } from '@tanstack/react-store'
 
@@ -56,14 +56,11 @@ export default function Index() {
 
   const form = useForm({
     ...formOpts,
+    transform: useTransform(
+      (baseForm) => mergeForm(baseForm, actionData ?? {}),
+      [actionData],
+    ),
   })
-
-  useMerge({
-    form,
-    fn: (baseForm) => mergeForm(baseForm, actionData ?? {}),
-    deps: [actionData],
-  })
-
   const formErrors = useStore(form.store, (formState) => formState.errors)
 
   return (

examples/react/tanstack-start/src/routes/index.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from '@tanstack/react-router'
-import { mergeForm, useForm, useMerge } from '@tanstack/react-form-start'
+import { mergeForm, useForm, useTransform } from '@tanstack/react-form-start'
 import { useStore } from '@tanstack/react-store'
 import { getFormDataFromServer, handleForm } from 'src/utils/form'
 import { formOpts } from 'src/utils/form-isomorphic'
@@ -16,12 +16,7 @@ function Home() {
 
   const form = useForm({
     ...formOpts,
-  })
-
-  useMerge({
-    form,
-    fn: (baseForm) => mergeForm(baseForm, state),
-    deps: [state],
+    transform: useTransform((baseForm) => mergeForm(baseForm, state), [state]),
   })
 
   const formErrors = useStore(form.store, (formState) => formState.errors)

packages/react-form-remix/src/index.ts

@@ -2,4 +2,4 @@ export * from '@tanstack/react-form'
 
 export * from './createServerValidate'
 export * from './error'
-export * from './useMerge'
+export * from './useTransform'

packages/react-form-remix/src/useMerge.ts

@@ -0,0 +1,7 @@
+import { useCallback } from 'react'
+import type { AnyFormApi } from '@tanstack/react-form'
+
+export const useTransform: (
+  fn: (formBase: AnyFormApi) => AnyFormApi,
+  deps?: unknown[],
+) => unknown = useCallback as never

packages/react-form-remix/src/useTransform.ts

@@ -3,4 +3,4 @@ export * from '@tanstack/react-form'
 export * from './createServerValidate'
 export * from './getFormData'
 export * from './error'
-export * from './useMerge'
+export * from './useTransform'

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

@@ -0,0 +1,7 @@
+import { useCallback } from 'react'
+import type { AnyFormApi } from '@tanstack/react-form'
+
+export const useTransform: (
+  fn: (formBase: AnyFormApi) => AnyFormApi,
+  deps?: unknown[],
+) => unknown = useCallback as never