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

MessageDeleted

Renders a deleted message inside MessageList. This is the default component for the MessageDeleted prop.

Best Practices

Keep deleted message UI subtle to avoid noise.
Use groupStyle and alignment to maintain consistent bubble shapes.
Show a timestamp only if it adds value to your UX.
Avoid reintroducing actions for deleted messages.

Props

`date`

Timestamp shown in the deleted message footer.

Type
`string \| Date`

`groupStyle`

Group style derived from alignment and groupStyles, for example left_bottom, left_single, right_top. This controls the border radius for the deleted message container.

Type
string

`alignment`

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

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

`message`

Message object.

Type
`Message` type

UI Component Props

`MessageFooter`

Footer component rendered below deleted message content.

Type	Default
ComponentType	`MessageFooter`

MessageBlocked

MessageEditedTimestamp