This is beta documentation for Stream Chat React Native SDK v9. For the latest stable version, see the latest version (v8) .

MessageFooter

Renders the message footer (name, status, timestamp, and edited label). Uses MessageStatus for status/timestamp output.

Best Practices

Keep footer content minimal to reduce visual noise.
Use formattedDate when you need full control over timestamp text.
Keep showMessageStatus behavior aligned with message ownership rules.
Avoid expensive logic in custom footer components.
Keep read receipts consistent with your product’s privacy settings.

Props

`date`

Timestamp shown in the message footer.

Type
`String` \| `Date` \| `undefined`

`formattedDate`

Already formatted date to display instead of computed timestamp.

Type
`String` \| `Date` \| `undefined`

`alignment`

Sets whether the message aligns left or right in the list.

Type	Default
enum('right', 'left')	'right'

`lastGroupMessage`

Whether or not this is the last message in a group of messages.

Type
boolean

`members`

Members of current channel. This value is received from backend when you query a channel, either using client.queryChannels() or channel.watch() API call.

client.queryChannels() or channel.watch() returns only up to 100 members of channel. So if you expect total number of members to be > 100, its better to use client.queryMembers() API endpoint separately to get the list of members.

Record<
  string, // userId
  {
    banned?: boolean;
    created_at?: string;
    invite_accepted_at?: string;
    invite_rejected_at?: string;
    invited?: boolean;
    is_moderator?: boolean;
    role?: string;
    shadow_banned?: boolean;
    updated_at?: string;
    user?: UserResponse<UserType>;
    user_id?: string;
  }
>;

Type
object

`message`

Message object.

Type
`Message` type

`otherAttachments`

All attachments except file and image.

Type
Array

`showMessageStatus`

When false, message status (read receipt, pending indicator) isn’t rendered. Defaults to true for messages sent by the current user.

Type
`boolean`

UI Component Props

`MessageStatus`

Component used to render delivery/read state and timestamp.

Type	Default
ComponentType	`MessageStatus`

MessageError

MessageHeader