diff --git a/src/components/modules/contact/hooks/contact.hook.ts b/src/components/modules/contact/hooks/contact.hook.ts index 8de0c40..6980c81 100644 --- a/src/components/modules/contact/hooks/contact.hook.ts +++ b/src/components/modules/contact/hooks/contact.hook.ts @@ -23,6 +23,7 @@ export const useContact = () => { email: "", address: "", }, + mode: "onChange", }); const onSubmit = async (payload: z.infer) => { diff --git a/src/components/modules/escrow/hooks/initialize-escrow.hook.ts b/src/components/modules/escrow/hooks/initialize-escrow.hook.ts index 21e7709..705ebb0 100644 --- a/src/components/modules/escrow/hooks/initialize-escrow.hook.ts +++ b/src/components/modules/escrow/hooks/initialize-escrow.hook.ts @@ -66,6 +66,7 @@ export const useInitializeEscrow = () => { disputeResolver: "", milestones: [{ description: "" }], }, + mode: "onChange", }); // Load stored form data when component mounts diff --git a/src/components/modules/escrow/ui/dialogs/hooks/edit-milestones-dialog.hook.ts b/src/components/modules/escrow/ui/dialogs/hooks/edit-milestones-dialog.hook.ts index 535641b..115c70b 100644 --- a/src/components/modules/escrow/ui/dialogs/hooks/edit-milestones-dialog.hook.ts +++ b/src/components/modules/escrow/ui/dialogs/hooks/edit-milestones-dialog.hook.ts @@ -41,6 +41,7 @@ const useEditMilestonesDialog = ({ defaultValues: { milestones: selectedEscrow?.milestones || [{ description: "" }], }, + mode: "onChange", }); const milestones: Milestone[] = form.watch("milestones"); diff --git a/src/components/modules/escrow/ui/dialogs/hooks/fund-escrow-dialog.hook.ts b/src/components/modules/escrow/ui/dialogs/hooks/fund-escrow-dialog.hook.ts index 46c9ff1..4b983e0 100644 --- a/src/components/modules/escrow/ui/dialogs/hooks/fund-escrow-dialog.hook.ts +++ b/src/components/modules/escrow/ui/dialogs/hooks/fund-escrow-dialog.hook.ts @@ -39,6 +39,7 @@ const useFundEscrowDialog = ({ defaultValues: { amount: "", }, + mode: "onChange", }); const onSubmit = async (payload: z.infer) => { diff --git a/src/components/modules/escrow/ui/dialogs/hooks/resolve-dispute-escrow-dialog.hook.ts b/src/components/modules/escrow/ui/dialogs/hooks/resolve-dispute-escrow-dialog.hook.ts index ab7733e..7d53965 100644 --- a/src/components/modules/escrow/ui/dialogs/hooks/resolve-dispute-escrow-dialog.hook.ts +++ b/src/components/modules/escrow/ui/dialogs/hooks/resolve-dispute-escrow-dialog.hook.ts @@ -50,6 +50,7 @@ const useResolveDisputeEscrowDialog = ({ approverFunds: "", serviceProviderFunds: "", }, + mode: "onChange", }); const onSubmit = async (payload: ResolveDisputePayload) => { diff --git a/src/components/modules/report-issue/hooks/send-report-issue.hook.ts b/src/components/modules/report-issue/hooks/send-report-issue.hook.ts index a982281..724ec85 100644 --- a/src/components/modules/report-issue/hooks/send-report-issue.hook.ts +++ b/src/components/modules/report-issue/hooks/send-report-issue.hook.ts @@ -25,6 +25,7 @@ export const useSendReportIssue = () => { email: "", description: "", }, + mode: "onChange", }); const onSubmit = async (payload: z.infer) => { diff --git a/src/components/modules/setting/hooks/preferences-section.hook.ts b/src/components/modules/setting/hooks/preferences-section.hook.ts index f31f71e..46bc555 100644 --- a/src/components/modules/setting/hooks/preferences-section.hook.ts +++ b/src/components/modules/setting/hooks/preferences-section.hook.ts @@ -17,6 +17,7 @@ const usePreferences = ({ onSave }: usePreferencesProps) => { defaultValues: { saveEscrow: loggedUser?.saveEscrow || true, }, + mode: "onChange", }); const saveEscrow = form.watch("saveEscrow"); diff --git a/src/components/modules/setting/hooks/profile-section.hook.ts b/src/components/modules/setting/hooks/profile-section.hook.ts index e05f91a..acadc70 100644 --- a/src/components/modules/setting/hooks/profile-section.hook.ts +++ b/src/components/modules/setting/hooks/profile-section.hook.ts @@ -31,6 +31,7 @@ const useProfile = ({ onSave }: useProfileProps) => { useCase: loggedUser?.useCase || "", profileImage: loggedUser?.profileImage || "", }, + mode: "onChange", }); const onSubmit = (data: UserPayload) => {