MessageComposerAPIContext

MessageComposerAPIContext is provided by Channel. If you are not familiar with the React Context API, see the React docs.

Best Practices

  • Use this context only for editing/quoting state changes.
  • Read editedMessage and quotedMessage from useMessageComposer for state.
  • Clear edit/quote state promptly to avoid stale UI.
  • Keep handlers stable to avoid re-renders in the input.
  • Avoid using this context deep in the message list.

Basic Usage

Consume MessageComposerAPIContext in any child of Channel:

import { useMessageComposerAPIContext } from "stream-chat-react-native";

const { setEditingState, clearEditingState } = useMessageComposerAPIContext();

To read editing and quotedMessage state, use the useMessageComposer hook.

import { useMessageComposer } from "stream-chat-react-native";

const { editedMessage, quotedMessage } = useMessageComposer();

Values

ValueDescriptionType
setEditingStateSets the editing state of the message composer.(message: LocalMessage | undefined) => void
clearEditingStateClears the editing state of the message composer.() => void
setQuotedMessageSets the quoted message in the message composer.(message: LocalMessage | undefined) => void