# MessageSystem

Component to render `system` type messages within the [`MessageList`](/chat/docs/sdk/react-native/v5/ui-components/message-list/).

This is the default component provided to the prop [`MessageSystem`](/chat/docs/sdk/react-native/v5/core-components/channel#messagesystem/) on the `Channel` component.
Purpose of system messages is to inform user about changes to channel. System messages are part of message history, and have a property `type` set as `system`.
You can add system messages within message history in following scenarios:

- [A user gets added to or removed from channel](/chat/docs/javascript/channel_members/)
- [A user accepts invite to join a channel](/chat/docs/javascript/channel_invites/#accepting-an-invite/)
- [Channel is updated](<https:/getstream.io/chat/docs/javascript/channel_update/#full-update-(overwrite)>)

## Props

### `formatDate`

Format function that returns a string to be used for the date in the message status and delete message component.

| Type     |
| -------- |
| function |

| Parameter | Description                                                                                                                                                    |
| --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| date      | date to format provided as a string, [Date](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date), or number (Unix Timestamp) |


### `message`

Message object.

| Type           |
| -------------- |
| `Message` type |



---

This page was last updated at 2026-05-13T13:38:45.413Z.

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