useChannelTypingState

Tracks users currently typing in a channel for preview rendering.

Best Practices

• Use this hook for typing badges in ChannelList rows.
• Ignore self-typing in previews to reduce visual noise.
• Keep typing text concise for small row layouts.
• Prefer memoized row components when displaying typing users.
• Handle zero typers as the default state.

Usage

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

const TypingPreview = ({ channel }: { channel: Channel }) => {
  const { usersTyping } = useChannelTypingState({ channel });

  if (!usersTyping.length) return null;
  return (
    <Text>{`${usersTyping[0].name ?? usersTyping[0].id} is typing...`}</Text>
  );
};

Parameters

Returns