# ChannelPreviewMessage

Renders a preview of the latest message inside [`ChannelList`](/chat/docs/sdk/react-native/v8/core-components/channel-list/). This is the default component for the [`PreviewMessage`](/chat/docs/sdk/react-native/v8/core-components/channel-list#previewmessage/) prop.

## Best Practices

- Keep previews short and avoid heavy formatting in list rows.
- Prefer server-provided preview data when available.
- Handle missing message text gracefully (attachments-only, system messages).
- Avoid expensive parsing in render; precompute if needed.
- Keep preview styling consistent with the rest of `ChannelList`.

## Props

### `latestMessagePreview`

Latest message formatted for preview.

Example:

```json
{
 created_at: '' ,
 messageObject: { ... },
 previews: {
   bold: true,
   text: 'This is the message preview text'
 },
 status: 0 | 1 | 2 // read states of latest message.
}
```

| Type   |
| ------ |
| Object |


---

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

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