fix: Cross-platform FormSubmitEvent via Register

TanStack · May 1, 2023 · f05ab79 · f05ab79
1 parent e1d7845
commit f05ab79
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/form-core/src/FormApi.ts b/packages/form-core/src/FormApi.ts
@@ -4,6 +4,16 @@ import type { DeepKeys, DeepValue, Updater } from './utils'
 import { functionalUpdate, getBy, setBy } from './utils'
 import type { FieldApi, FieldMeta, ValidationCause } from './FieldApi'
 
+export interface Register {
+  // FormSubmitEvent
+}
+
+export type FormSubmitEvent = Register extends {
+  FormSubmitEvent: infer E
+}
+  ? E
+  : Event
+
 export type FormOptions<TData> = {
   defaultValues?: TData
   defaultState?: Partial<FormState<TData>>
@@ -245,7 +255,7 @@ export class FormApi<TFormData> {
     return this.validationMeta.validationPromise
   }
 
-  handleSubmit = async (e: Event) => {
+  handleSubmit = async (e: FormSubmitEvent) => {
     e.preventDefault()
     e.stopPropagation()
 

diff --git a/packages/react-form/src/useForm.tsx b/packages/react-form/src/useForm.tsx
@@ -8,6 +8,10 @@ import { createUseField, type UseField } from './useField'
 import { formContext } from './formContext'
 
 declare module '@tanstack/form-core' {
+  interface Register {
+    FormSubmitEvent: React.FormEvent<HTMLFormElement>
+  }
+
   // eslint-disable-next-line no-shadow
   interface FormApi<TFormData> {
     Form: FormComponent