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();

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

const { editedMessage, quotedMessage } = useMessageComposer();

Value

setEditingState

Function to set the editing state of the message composer.

clearEditingState

Function to clear the editing state of the message composer.

setQuotedMessage

Function to set the quoted message in the message composer.