# ChannelPreviewTypingIndicator

Renders typing state in a channel row inside [`ChannelList`](/chat/docs/sdk/react-native/core-components/channel-list/). This is the default component for the [`ChannelPreviewTypingIndicator`](/chat/docs/sdk/react-native/core-components/channel-list#channelpreviewtypingindicator/) override.

## Best Practices

- Keep typing text compact to avoid truncating other preview content.
- Use this component only for list rows where live typing feedback is expected.
- Prefer participant names for group channels and a generic label for DMs.
- Avoid expensive derivation in render; pass precomputed values when customizing.
- Keep indicator styling aligned with `ChannelPreviewView`.

## General Usage

Customize it and pass it via [`ChannelPreviewTypingIndicator`](/chat/docs/sdk/react-native/core-components/channel-list#channelpreviewtypingindicator/) on `ChannelList`.

```tsx
import {
  ChannelList,
  ChannelPreviewTypingIndicator,
  WithComponents,
} from "stream-chat-react-native";

const CustomPreviewTypingIndicator = (props) => (
  <ChannelPreviewTypingIndicator {...props} />
);

const App = () => {
  return (
    <WithComponents
      overrides={{
        ChannelPreviewTypingIndicator: CustomPreviewTypingIndicator,
      }}
    >
      <ChannelList />
    </WithComponents>
  );
};
```

## Props

| Prop          | Description                                                        | Type                                                |
| ------------- | ------------------------------------------------------------------ | --------------------------------------------------- |
| `channel`     | Channel instance from the Stream Chat client.                      | [Channel](/chat/docs/javascript/creating_channels/) |
| `usersTyping` | Users currently typing in the channel, excluding the current user. | `UserResponse[]`                                    |


---

This page was last updated at 2026-04-17T17:33:46.303Z.

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