import { useMessageComposerAPIContext } from "stream-chat-react-native";
const { setEditingState, clearEditingState } = useMessageComposerAPIContext();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
editedMessageandquotedMessagefromuseMessageComposerfor 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:
To read editing and quotedMessage state, use the useMessageComposer hook.
import { useMessageComposer } from "stream-chat-react-native";
const { editedMessage, quotedMessage } = useMessageComposer();Values
| Value | Description | Type |
|---|---|---|
setEditingState | Sets the editing state of the message composer. | (message: LocalMessage | undefined) => void |
clearEditingState | Clears the editing state of the message composer. | () => void |
setQuotedMessage | Sets the quoted message in the message composer. | (message: LocalMessage | undefined) => void |