Function: useMentionAutocomplete()

useMentionAutocomplete(debounceMs): UseMentionAutocompleteResult

Defined in: web/lib/hooks/use-mention-autocomplete.ts:71

Hook for Bluesky mention autocomplete.

Parameters

debounceMs

number = 200

Debounce delay in milliseconds (default: 200)

Returns

UseMentionAutocompleteResult

Hook result with suggestions and search function

Example

function MentionInput() {
  const { suggestions, isLoading, search, clear } = useMentionAutocomplete();

  const handleChange = (e) => {
    const query = extractMentionQuery(e.target.value);
    if (query) {
      search(query);
    } else {
      clear();
    }
  };

  return (
    <div>
      <input onChange={handleChange} />
      {suggestions.map(actor => (
        <div key={actor.did}>{actor.handle}</div>
      ))}
    </div>
  );
}