# AutoCompleteSuggestionList

Component to render and customize the auto suggestion list.

## General Usage

You can customize the `AutoCompleteSuggestionList` component and provide it back to the SDK via the [`AutoCompleteSuggestionList`](/chat/docs/sdk/react-native/v5/core-components/channel#AutoCompleteSuggestionList/) prop on `Channel` if desired.

For more details about its usage refer [`Customizing autocomplete suggestions`](/chat/docs/sdk/react-native/v5/guides/customize-autocomplete-suggestion-list/)

```tsx
import { Channel, AutoCompleteSuggestionList } from 'stream-chat-react-native';

const AutoCompleteSuggestionListComponent = () => <AutoCompleteSuggestionList />

<Channel AutoCompleteSuggestionList={AutoCompleteSuggestionListComponent} />
```

## Props

### `active`

| type    |
| ------- |
| Boolean |

### `data`

| type              |
| ----------------- |
| Array(Suggestion) |

### `onSelect`

| type                        |
| --------------------------- |
| `(item: Suggstion) => void` |

### `queryText`

<partial id="chat-sdk/react-native/v5/_partials/common-content/contexts/suggestions-context/query_text"></partial>

### `triggerType`

<partial id="chat-sdk/react-native/v5/_partials/common-content/contexts/suggestions-context/trigger_type"></partial>


---

This page was last updated at 2026-03-06T17:05:30.767Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/v5/ui-components/autocomplete-suggestion-list/](https://getstream.io/chat/docs/sdk/react-native/v5/ui-components/autocomplete-suggestion-list/).