Azure communication chat with react

Question

Hi, Am using azure communication chat with react

const chatAdapter = useAzureCommunicationChatAdapter({
    endpoint: endpointUrl,
    userId,
    displayName : userName,
    credential,
    threadId: threadIdd
});

<ChatComposite adapter={chatAdapter}
    options={{ topic: false,participantPane: true}}
    onRenderMessage={onRenderMessage}
</ChatComposite>

I render message using onRenderMessage. I need to show typing indicator whenever other participants typing and also i need to track after sending message, message is read or not. Chatcomposit does not show typing indicator and message status indicator always show seen. i can receive notification when user is typing but am getting senderDisplayName is "" i could not track which participants is typing. Please advice me, Thanks

Answer 1

@Anitha Ganesan Thanks for your patience on this I am summarizing the above discussion and posting the same as an answer for the benefit of other community members.

Based on the shared information, I understand that you want to render a message like (user1 is typing..) in the chat thread.

• If you want to achieve this using ChatComposite you can onRenderTypingIndicator property under ChatCompositeProps interface to know which user is typing refer to this.
• You can also achieve this using Custom-user-rendering if you are using the UI Components which helps to notify the local user when one or more participants in the chat thread are typing.

I hope the answer helps. Please let me know if you have any further queries.

Please accept as Yes if the answer provided is useful, so that you can help others in the community looking for remediation for similar issues.