diff --git a/src/components/inputs/Autocomplete/Autocomplete.tsx b/src/components/inputs/Autocomplete/Autocomplete.tsx index 8494118a..b356d3f3 100644 --- a/src/components/inputs/Autocomplete/Autocomplete.tsx +++ b/src/components/inputs/Autocomplete/Autocomplete.tsx @@ -40,7 +40,7 @@ const Autocomplete: React.FC> = ({ loadOptions, loading: receivedLoading, loadingText, - noOptionsText = 'No options', + noOptionsText, getOptionLabel, onChange, onInputChange, @@ -307,9 +307,14 @@ const Autocomplete: React.FC> = ({ [handleLoadOptions, hasMore, isPaginated] ) + const internalNoOptionsText = useMemo(() => { + if (isSearchable && loadOptions && asyncOptions.length === 0 && !localInput) return 'Type to search...' + return noOptionsText || 'No options' + }, [isSearchable, loadOptions, asyncOptions, localInput, noOptionsText]) + return ( {noOptionsText}} + noOptionsText={{internalNoOptionsText}} typographyContentColor={typographyContentColor} forcePopupIcon label={label}