# AutoCompleteSuggestionItem

Renders an item in the autocomplete list.

## Best Practices

- Keep items compact to avoid pushing the list off-screen.
- Use `triggerType` to adjust item layout based on suggestion type.
- Avoid heavy rendering logic; memoize if items include images.
- Ensure tap targets are large enough for mobile UX.
- Use the SDK types for `itemProps` to avoid runtime mismatches.

## General Usage

Customize `AutoCompleteSuggestionItem` and pass it via [`AutoCompleteSuggestionItem`](/chat/docs/sdk/react-native/core-components/channel#autocompletesuggestionitem/) on `Channel`.

See [`Customizing autocomplete suggestions`](/chat/docs/sdk/react-native/guides/customize-autocomplete-suggestion-list/) for details.

```tsx
import {
  Channel,
  AutoCompleteSuggestionItem,
  WithComponents,
} from "stream-chat-react-native";

const AutoCompleteSuggestionItemComponent = () => (
  <AutoCompleteSuggestionItem />
);

<WithComponents
  overrides={{
    AutoCompleteSuggestionItem: AutoCompleteSuggestionItemComponent,
  }}
>
  <Channel channel={channel} />
</WithComponents>;
```

## Props

| Prop          | Description                                                                                                              | Type                                                       |
| ------------- | ------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------- |
| `itemProps`   | Suggestion data object. `CommandSuggestion` and `UserSuggestion` come from `stream-chat`; `Emoji` is defined in the SDK. | `Suggestion(CommandSuggestion \| Emoji \| UserSuggestion)` |
| `triggerType` | The trigger that determines which autocomplete list to show.                                                             | `'command' \| 'emoji' \| 'mention'`                        |


---

This page was last updated at 2026-05-19T19:58:57.289Z.

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