Component to render `system` type messages. 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](https://getstream.io/chat/docs/javascript/channel_members/?language=javascript)
- [A user accepts invite to join a channel](https://getstream.io/chat/docs/javascript/channel_invites/?language=javascript#accepting-an-invite)
- [Channel is updated](https://getstream.io/chat/docs/javascript/channel_update/?language=javascript&q=system#full-update-(overwrite))

| Type | Default |
| - | - |
| component | [`MessageSystem`](../../../../ui-components/message_system.mdx) |