Async/Statictypeahead fix onChange async

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Fixed
+
+- `onChange` into `StaticTypeaheadInput` and `AsyncTypeaheadInput` to support async functions.
+- `onInputChange` into `StaticTypeaheadInput` and `AsyncTypeaheadInput` to support async functions.
+- `useDebounceHook` in order to expose the `queryRef` (which keeps track of the search input value)
+
 ## [4.0.0] - 2026-02-24
 
 ### Changed

src/lib/AsyncTypeaheadInput.tsx

@@ -195,7 +195,7 @@ const AsyncTypeaheadInput = <T extends FieldValues>(props: AsyncTypeaheadInputPr
           const values = convertAutoCompleteOptionsToStringArray(optionsArray);
           const finalValue = multiple ? values : values[0];
           if (onChange) {
-            onChange(finalValue);
+            void (async () => await onChange(finalValue))();
           }
           field.onChange(finalValue);
         }}
@@ -207,7 +207,7 @@ const AsyncTypeaheadInput = <T extends FieldValues>(props: AsyncTypeaheadInputPr
             setDebounceSearch({ delay, query });
           }
           if (onInputChange) {
-            onInputChange(query, reason);
+            void (async () => await onInputChange(query, reason))();
           }
         }}
         renderOption={highlightOptions ? renderHighlightedOptionFunction : undefined}

src/lib/StaticTypeaheadInput.tsx

@@ -166,13 +166,13 @@ const StaticTypeaheadInput = <T extends FieldValues>(props: StaticTypeaheadInput
           const finalValue = multiple ? values : values[0];
           clearErrors(field.name);
           if (onChange) {
-            onChange(finalValue);
+            void (async () => await onChange(finalValue))();
           }
           field.onChange(finalValue);
         }}
         onInputChange={(_e, value, reason) => {
           if (onInputChange) {
-            onInputChange(value, reason);
+            void (async () => await onInputChange(value, reason))();
           }
         }}
         renderOption={highlightOptions ? renderHighlightedOptionFunction : undefined}

src/lib/hooks/useDebounceHook.ts

@@ -60,7 +60,7 @@ const useDebounceHook = (queryFn: (query: string) => Promise<TypeaheadOptions>,
     return;
   }, [queryFn, setOptions, debounceSearch]);
 
-  return { setDebounceSearch, isLoading };
+  return { setDebounceSearch, isLoading, queryRef };
 };
 
 export { useDebounceHook };

src/lib/types/Typeahead.ts

@@ -29,8 +29,8 @@ interface CommonTypeaheadProps<T extends FieldValues> extends Omit<
   innerRef?: RefObject<HTMLInputElement | null>;
   fitMenuContent?: boolean;
   getOptionDisabled?: (option: TypeaheadOption) => boolean;
-  onChange?: (selected: string | string[]) => void;
-  onInputChange?: (text: string, reason: AutocompleteInputChangeReason) => void;
+  onChange?: (selected: string | string[]) => void | Promise<void>;
+  onInputChange?: (text: string, reason: AutocompleteInputChangeReason) => void | Promise<void>;
   onClose?: (event: SyntheticEvent, reason: AutocompleteCloseReason) => void;
   onOpen?: (event: SyntheticEvent) => void;
   onBlur?: () => void;