ChannelPreviewMessage

Renders a preview of the latest message inside ChannelList. This is the default component for the ChannelPreviewMessage override.

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

Prop Description Type
channel Channel instance from the Stream Chat client. Channel
lastMessage Last message in the channel. LocalMessage | MessageResponse

UI Component Props

Component Description Type Default
ChannelPreviewTypingIndicator Typing indicator component rendered within ChannelPreview. ComponentType ChannelPreviewTypingIndicator
ChannelPreviewMessageDeliveryStatus Message delivery status component rendered within ChannelPreview. ComponentType ChannelPreviewMessageDeliveryStatus
ChannelPreviewLastMessage Last message component rendered within ChannelPreview. ComponentType ChannelLastMessagePreview
Add Chat to my app: getstream.io/SKILL.md

The fastest way to build with Stream. Start a new project or improve an existing one. Full CLI and documentation integration out of the box.


Ask your agent:

/stream Build me a Social App with Feeds and Moderation.
/stream Any livestream calls running?
/stream Chat React Native v9: <Your Question>