Skip to main content
Version: v11 (legacy)

EmojiContext

caution

EmojiContext has been removed in version 11.0.0, see related release guides (Introducing new reactions, Dropping support for built-in EmojiPicker and Dropping support for built-in EmojiIndex) to adjust your integration to this new change.

The EmojiContext is established by the Channel component and exposes the useEmojiContext hook. This context holds the UI components and stateful data necessary to render emoji selector functionality.

Basic Usage

Pull values from context with our custom hook:

const { Emoji, emojiConfig } = useEmojiContext();

Values

Emoji

Custom UI component to override default NimbleEmoji from 'emoji-mart'.

Type
component

emojiConfig

The configuration data for emojis, including the rendered JSON data set.

Type
EmojiConfig

EmojiIndex

Custom class constructor to override default NimbleEmojiIndex from 'emoji-mart'.

Type
constructor

EmojiPicker

Custom UI component to override default NimblePicker from 'emoji-mart'.

Type
component

Did you find this page helpful?