fix: add async await to use controller onchange

react-hook-form · Nov 8, 2023 · eed0d6f · eed0d6f
1 parent 8f80f4c
commit eed0d6f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/types/controller.ts b/src/types/controller.ts
@@ -7,7 +7,6 @@ import {
   FieldPath,
   FieldPathValue,
   FieldValues,
-  Noop,
   RefCallBack,
   UseFormStateReturn,
 } from './';
@@ -23,8 +22,8 @@ export type ControllerRenderProps<
   TFieldValues extends FieldValues = FieldValues,
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 > = {
-  onChange: (...event: any[]) => void;
-  onBlur: Noop;
+  onChange: (...event: any[]) => Promise<void | boolean>;
+  onBlur: () => Promise<void | boolean>;
   value: FieldPathValue<TFieldValues, TName>;
   disabled?: boolean;
   name: TName;

diff --git a/src/useController.ts b/src/useController.ts
@@ -131,7 +131,7 @@ export function useController<
         ? { disabled: formState.disabled || disabled }
         : {}),
       onChange: React.useCallback(
-        (event) =>
+        async (event) =>
           _registerProps.current.onChange({
             target: {
               value: getEventValue(event),
@@ -142,7 +142,7 @@ export function useController<
         [name],
       ),
       onBlur: React.useCallback(
-        () =>
+        async () =>
           _registerProps.current.onBlur({
             target: {
               value: get(control._formValues, name),