Merge pull request #412 from ZipBrandon/feature/viewTransitions

Adding viewTransition to the useForm
airjp73 · Dec 20, 2024 · c4b16d3 · c4b16d3
2 parents 91d2b8e + 1919ebf
commit c4b16d3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/react-router/src/ValidatedForm.tsx b/packages/react-router/src/ValidatedForm.tsx
@@ -51,6 +51,7 @@ export const ValidatedForm = <
   navigate,
   otherFormProps,
   reloadDocument,
+  viewTransition,
   ...rest
 }: ValidatedFormProps<FormInputData, FormOutputData, FormResponseData>) => {
   const rvf = useForm<FormInputData, FormOutputData>({
@@ -77,6 +78,7 @@ export const ValidatedForm = <
     otherFormProps,
     reloadDocument,
     defaultValues,
+    viewTransition,
     fetcher,
   } satisfies AllProps<RemixFormOpts<FormInputData, FormOutputData>>);
 

diff --git a/packages/react-router/src/useForm.tsx b/packages/react-router/src/useForm.tsx
@@ -54,6 +54,7 @@ export type RemixFormOpts<
     | "navigate"
     | "preventScrollReset"
     | "relative"
+    | "viewTransition"
   > &
   FormSubmitOpts<FormOutputData, void> & {
     fetcher?: FetcherWithComponents<unknown>;
@@ -134,6 +135,7 @@ export function useForm<FormInputData extends FieldValues, FormOutputData>(
       replace: rvfOpts.replace,
       preventScrollReset: rvfOpts.preventScrollReset,
       relative: rvfOpts.relative,
+      viewTransition: rvfOpts.viewTransition,
       action: getFormAction(),
 
       // Technically not type safe, but it isn't really possible to make it so.