---
id: messages-context
title: MessagesContext
---

import AdditionalTouchableProps from '../common-content/core-components/channel/props/additional_touchable_props.mdx';
import AnimatedLongPress from '../common-content/core-components/channel/props/animated_long_press.mdx';
import Attachment from '../common-content/core-components/channel/props/attachment.mdx';
import AttachmentActions from '../common-content/core-components/channel/props/attachment_actions.mdx';
import BlockUser from '../common-content/core-components/channel/props/block_user.mdx';
import Card from '../common-content/core-components/channel/props/card.mdx';
import CardCover from '../common-content/core-components/channel/props/card_cover.mdx';
import CardFooter from '../common-content/core-components/channel/props/card_footer.mdx';
import CardHeader from '../common-content/core-components/channel/props/card_header.mdx';
import CopyMessage from '../common-content/core-components/channel/props/copy_message.mdx';
import DateHeader from '../common-content/core-components/channel/props/date_header.mdx';
import DeleteMessage from '../common-content/core-components/channel/props/delete_message.mdx';
import DisableTypingIndicator from '../common-content/core-components/channel/props/disable_typing_indicator.mdx';
import DismissKeyboardOnMessageTouch from '../common-content/core-components/channel/props/dismiss_keyboard_on_message_touch.mdx';
import EditMessage from '../common-content/core-components/channel/props/edit_message.mdx';
import EnableMessageGroupingByUser from '../common-content/core-components/channel/props/enable_message_grouping_by_user.mdx';
import FileAttachment from '../common-content/core-components/channel/props/file_attachment.mdx';
import FileAttachmentGroup from '../common-content/core-components/channel/props/file_attachment_group.mdx';
import FileAttachmentIcon from '../common-content/core-components/channel/props/file_attachment_icon.mdx';
import FlagMessage from '../common-content/core-components/channel/props/flag_message.mdx';
import FlatList from '../common-content/core-components/channel/props/flat_list.mdx';
import ForceAlignMessages from '../common-content/core-components/channel/props/force_align_messages.mdx';
import FormatDate from '../common-content/core-components/channel/props/format_date.mdx';
import Gallery from '../common-content/core-components/channel/props/gallery.mdx';
import Giphy from '../common-content/core-components/channel/props/giphy.mdx';
import HandleBlock from '../common-content/core-components/channel/props/handle_block.mdx';
import HandleCopy from '../common-content/core-components/channel/props/handle_copy.mdx';
import HandleDelete from '../common-content/core-components/channel/props/handle_delete.mdx';
import HandleEdit from '../common-content/core-components/channel/props/handle_edit.mdx';
import HandleFlag from '../common-content/core-components/channel/props/handle_flag.mdx';
import HandleMute from '../common-content/core-components/channel/props/handle_mute.mdx';
import HandleQuotedReply from '../common-content/core-components/channel/props/handle_quoted_reply.mdx';
import HandleReaction from '../common-content/core-components/channel/props/handle_reaction.mdx';
import HandleRetry from '../common-content/core-components/channel/props/handle_retry.mdx';
import HandleThreadReply from '../common-content/core-components/channel/props/handle_thread_reply.mdx';
import InitialScrollToFirstUnreadMessage from '../common-content/core-components/channel/props/initial_scroll_to_first_unread_message.mdx';
import InlineDateSeparator from '../common-content/core-components/channel/props/inline_date_separator.mdx';
import InlineUnreadIndicator from '../common-content/core-components/channel/props/inline_unread_indicator.mdx';
import LegacyImageViewerSwipeBehaviour from '../common-content/core-components/channel/props/legacy_image_viewer_swipe_behaviour.mdx'
import MarkdownRules from '../common-content/core-components/channel/props/markdown_rules.mdx';
import MessageAvatar from '../common-content/core-components/channel/props/message_avatar.mdx';
import MessageContent from '../common-content/core-components/channel/props/message_content.mdx';
import MessageActions from '../common-content/core-components/channel/props/message_actions.mdx';
import MessageContentOrder from '../common-content/core-components/channel/props/message_content_order.mdx';
import MessageDeleted from '../common-content/core-components/channel/props/message_deleted.mdx';
import MessageFooter from '../common-content/core-components/channel/props/message_footer.mdx';
import MessageHeader from '../common-content/core-components/channel/props/message_header.mdx';
import MessageReplies from '../common-content/core-components/channel/props/message_replies.mdx';
import MessageRepliesAvatars from '../common-content/core-components/channel/props/message_replies_avatars.mdx';
import MessageSimple from '../common-content/core-components/channel/props/message_simple.mdx';
import MessageStatus from '../common-content/core-components/channel/props/message_status.mdx';
import MessageSystem from '../common-content/core-components/channel/props/message_system.mdx';
import MessageText from '../common-content/core-components/channel/props/message_text.mdx';
import MutesEnabled from '../common-content/core-components/channel/props/mutes_enabled.mdx';
import MuteUser from '../common-content/core-components/channel/props/mute_user.mdx';
import MyMessageTheme from '../common-content/core-components/channel/props/my_message_theme.mdx';
import OnDoubleTapMessage from '../common-content/core-components/channel/props/on_double_tap_message.mdx';
import OnLongPressMessage from '../common-content/core-components/channel/props/on_long_press_message.mdx';
import OnPressInMessage from '../common-content/core-components/channel/props/on_press_in_message.mdx';
import OnPressMessage from '../common-content/core-components/channel/props/on_press_message.mdx';
import OverlayReactionList from '../common-content/core-components/overlay-provider/props/overlay_reaction_list.mdx';
import QuotedRepliesEnabled from '../common-content/core-components/channel/props/quoted_replies_enabled.mdx';
import QuotedReply from '../common-content/core-components/channel/props/quoted_reply.mdx';
import ReactionList from '../common-content/core-components/channel/props/reaction_list.mdx';
import ReactionsEnabled from '../common-content/core-components/channel/props/reactions_enabled.mdx';
import Reply from '../common-content/core-components/channel/props/reply.mdx';
import Retry from '../common-content/core-components/channel/props/retry.mdx';
import ScrollToBottomButton from '../common-content/core-components/channel/props/scroll_to_bottom_button.mdx';
import SelectReaction from '../common-content/core-components/channel/props/select_reaction.mdx';
import SupportedReactions from '../common-content/core-components/channel/props/supported_reactions.mdx';
import ThreadRepliesEnabled from '../common-content/core-components/channel/props/thread_replies_enabled.mdx';
import ThreadReply from '../common-content/core-components/channel/props/thread_reply.mdx';
import TypingIndicator from '../common-content/core-components/channel/props/typing_indicator.mdx';
import TypingIndicatorContainer from '../common-content/core-components/channel/props/typing_indicator_container.mdx';
import UrlPreview from '../common-content/core-components/channel/props/url_preview.mdx';

## Value

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#additionaltouchableprops)_ props</div> additionalTouchableProps {#additionaltouchableprops}

<AdditionalTouchableProps />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#animatedlongpress)_ props</div> animatedLongPress {#animatedlongpress}

<AnimatedLongPress />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#blockuser)_ props</div> blockUser {#blockuser}

<BlockUser />

### channelId

Id of current channel.

| Type |
| - |
| string |

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#copymessage)_ props</div> copyMessage {#copymessage}

<CopyMessage />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#deletemessage)_ props</div> deleteMessage {#deletemessage}

<DeleteMessage />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#disabletypingindicator)_ props</div> disableTypingIndicator {#disabletypingindicator}

<DisableTypingIndicator />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#dismisskeyboardonmessagetouch)_ props</div> dismissKeyboardOnMessageTouch {#dismisskeyboardonmessagetouch}

<DismissKeyboardOnMessageTouch />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#editmessage)_ props</div> editMessage {#editmessage}

<EditMessage />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#enablemessagegroupingbyuser)_ props</div> enableMessageGroupingByUser {#enablemessagegroupingbyuser}

<EnableMessageGroupingByUser />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#flagmessage)_ props</div> flagMessage {#flagmessage}

<FlagMessage />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#forcealignmessages)_ props</div> forceAlignMessages {#forcealignmessages}

<ForceAlignMessages />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#formatdate)_ props</div> formatDate {#formatdate}

<FormatDate />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#handleblock)_ props</div> handleBlock {#handleblock}

<HandleBlock />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#handlecopy)_ props</div> handleCopy {#handlecopy}

<HandleCopy />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#handledelete)_ props</div> handleDelete {#handledelete}

<HandleDelete />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#handleedit)_ props</div> handleEdit {#handleedit}

<HandleEdit />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#handleflag)_ props</div> handleFlag {#handleflag}

<HandleFlag />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#handlemute)_ props</div> handleMute {#handlemute}

<HandleMute />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#handlequotedreply)_ props</div> handleQuotedReply {#handlequotedreply}

<HandleQuotedReply />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#handlereaction)_ props</div> handleReaction {#handlereaction}

<HandleReaction />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#handleretry)_ props</div> handleRetry {#handleretry}

<HandleRetry />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#handlethreadreply)_ props</div> handleThreadReply {#handlethreadreply}

<HandleThreadReply />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#initialscrolltofirstunreadmessage)_ props</div> initialScrollToFirstUnreadMessage {#initialscrolltofirstunreadmessage}

<InitialScrollToFirstUnreadMessage />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#legacyimageviewerswipebehaviour)_ props</div> legacyImageViewerSwipeBehaviour {#legacyimageviewerswipebehaviour}

<legacyImageViewerSwipeBehaviour />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#markdownrules)_ props</div> markdownRules {#markdownrules}

<MarkdownRules />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messageactions)_ props</div> messageActions {#messageactions}

<MessageActions />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messagecontentorder)_ props</div> messageContentOrder {#messagecontentorder}

<MessageContentOrder />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#mutesenabled)_ props</div> mutesEnabled {#mutesenabled}

<MutesEnabled />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#muteuser)_ props</div> muteUser {#muteuser}

<MuteUser />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#mymessagetheme)_ props</div> myMessageTheme {#mymessagetheme}

<MyMessageTheme />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#ondoubletapmessage)_ props</div> onDoubleTapMessage {#ondoubletapmessage}

<OnDoubleTapMessage />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#onlongpressmessage)_ props</div> onLongPressMessage {#onlongpressmessage}

<OnLongPressMessage />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#onpressinmessage)_ props</div> onPressInMessage {#onpressinmessage}

<OnPressInMessage />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#onpressmessage)_ props</div> onPressMessage {#onpressmessage}

<OnPressMessage />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#quotedrepliesenabled)_ props</div> quotedRepliesEnabled {#quotedrepliesenabled}

<QuotedRepliesEnabled />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#quotedreply)_ props</div> quotedReply {#quotedreply}

<QuotedReply />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#reactionsenabled)_ props</div> reactionsEnabled {#reactionsenabled}

<ReactionsEnabled />


### removeMessage

Function to remove message from local channel state. Please note that this function is only for updating the local state, it doesn't call the api for deleting message (`channel.deleteMessage`).

| Type |
| - |
| `(message) => void` |

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#reply)_ props</div> Reply {#reply}

<Reply />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#retry)_ props</div> retry {#retry}

<Retry />

### retrySendMessage

Function to re-attempt sending failed message.

| Type |
| - |
| `(message) => void` |

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#selectreaction)_ props</div> selectReaction {#selectreaction}

<SelectReaction />

### setEditingState

Enables editing state for given message.

| Type |
| - |
| `(message) => void` |

### setQuotedMessageState

Enables quoted-reply state on given message.

| Type |
| - |
| `(message) => void` |

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#supportedreactions)_ props</div> supportedReactions {#supportedreactions}

<SupportedReactions />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#threadrepliesenabled)_ props</div> threadRepliesEnabled {#threadrepliesenabled}

<ThreadRepliesEnabled />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#threadreply)_ props</div> threadReply {#threadreply}

<ThreadReply />

### updateMessage

Upserts a given message in local channel state. Please note that this function doesn't call `channel.sendMessage`. Channel component uses this function for optimistic updates to message.

| Type |
| - |
| `(message) => void` |

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#attachment)_ props</div> Attachment {#attachment}

<Attachment />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#attachmentactions)_ props</div> AttachmentActions {#attachmentactions}

<AttachmentActions />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#card)_ props</div> Card {#card}

<Card />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#cardcover)_ props</div> CardCover {#cardcover}

<CardCover />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#cardfooter)_ props</div> CardFooter {#cardfooter}

<CardFooter />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#cardheader)_ props</div> CardHeader {#cardheader}

<CardHeader />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#dateheader)_ props</div> DateHeader {#dateheader}

<DateHeader />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#fileattachment)_ props</div> FileAttachment {#fileattachment}

<FileAttachment />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#fileattachmentgroup)_ props</div> FileAttachmentGroup {#fileattachmentgroup}

<FileAttachmentGroup />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#fileattachmenticon)_ props</div> FileAttachmentIcon {#fileattachmenticon}

<FileAttachmentIcon />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#flatlist)_ props</div> FlatList {#flatlist}

<FlatList />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#gallery)_ props</div> Gallery {#gallery}

<Gallery />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#giphy)_ props</div> Giphy {#giphy}

<Giphy />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#inlinedateseparator)_ props</div> InlineDateSeparator {#inlinedateseparator}

<InlineDateSeparator />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#inlineunreadindicator)_ props</div> InlineUnreadIndicator {#inlineunreadindicator}

<InlineUnreadIndicator />

<!-- ### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#message)_ props</div> Message {#message}

<Message /> -->

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messageavatar)_ props</div> MessageAvatar {#messageavatar}

<MessageAvatar />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messagecontent)_ props</div> MessageContent {#messagecontent}

<MessageContent />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messagedeleted)_ props</div> MessageDeleted {#messagedeleted}

<MessageDeleted />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messagefooter)_ props</div> MessageFooter {#messagefooter}

<MessageFooter />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messageheader)_ props</div> MessageHeader {#messageheader}

<MessageHeader />

<!-- ### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messagelist)_ props</div> MessageList {#messagelist}

<MessageList /> -->

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messagereplies)_ props</div> MessageReplies {#messagereplies}

<MessageReplies />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messagerepliesavatars)_ props</div> MessageRepliesAvatars {#messagerepliesavatars}

<MessageRepliesAvatars />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messagesimple)_ props</div> MessageSimple {#messagesimple}

<MessageSimple />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messagestatus)_ props</div> MessageStatus {#messagestatus}

<MessageStatus />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messagesystem)_ props</div> MessageSystem {#messagesystem}

<MessageSystem />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#messagetext)_ props</div> MessageText {#messagetext}

<MessageText />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#overlayreactionlist)_ props</div> OverlayReactionList {#overlayreactionlist}

<OverlayReactionList />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#reactionlist)_ props</div> ReactionList {#reactionlist}

<ReactionList />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#scrolltobottombutton)_ props</div> ScrollToBottomButton {#scrolltobottombutton}

<ScrollToBottomButton />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#typingindicator)_ props</div> TypingIndicator {#typingindicator}

<TypingIndicator />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#typingindicatorcontainer)_ props</div> TypingIndicatorContainer {#typingindicatorcontainer}

<TypingIndicatorContainer />

### <div class="label description">_forwarded from [Channel](../core-components/channel.mdx#urlpreview)_ props</div> UrlPreview {#urlpreview}

<UrlPreview />