# ChannelPreviewStatus

Renders the latest message status inside [`ChannelList`](/chat/docs/sdk/react-native/core-components/channel-list/).

## Best Practices

- Keep date formatting consistent across the app.
- Memoize expensive formatting logic for large lists.
- Handle missing or system messages gracefully in previews.
- Prefer lightweight status UI to avoid layout shifts.
- Use `ChannelPreviewStatus` overrides to keep customization localized.

## General Usage

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

Example with a custom date formatter:

```tsx
import {
  ChannelList,
  ChannelPreviewStatus,
  WithComponents,
} from "stream-chat-react-native";
import { customDateFormatter } from "..."; // your custom date formatter

const CustomPreviewStatus = (props) => (
  <ChannelPreviewStatus
    {...props}
    formatLatestMessageDate={customDateFormatter}
  />
);

const App = () => {
  return (
    <WithComponents overrides={{ ChannelPreviewStatus: CustomPreviewStatus }}>
      <ChannelList />
    </WithComponents>
  );
};
```

## Props

| Prop                      | Description                                                                                                                                                                                                                                                                         | Type                                                |
| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------- |
| `channel`                 | Channel instance from the Stream Chat client.                                                                                                                                                                                                                                       | [Channel](/chat/docs/javascript/creating-channels/) |
| `lastMessage`             | Last message in the channel.                                                                                                                                                                                                                                                        | `LocalMessage` \| `MessageResponse`                 |
| `formatLatestMessageDate` | Formatter for the latest message date. Returns a formatted date string. Default: today uses `HH:mm A`, other dates use `DD/MM/YY` (see [ChannelPreview](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreview.tsx)). | `(date: Date) => string`                            |


---

This page was last updated at 2026-06-12T11:05:24.992Z.

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