We have an app where the users can chat with prospective customers. We’d like to implement a simple badge functionality that shows the total number of unread messages.
While the message badges on the individual coming GroupChannelPreview from ‘@sendbird/uikit-react-native-foundation’; appear correctly neither the hook nor the event handler does not get updated correctly. (See code comments below for more information.)
// If problem, please fill out the below. If question, please delete.
[SDK Version]
“@sendbird/chat”: “4.20.1”,
“@sendbird/uikit-chat-hooks”: “^3.11.0”,
“@sendbird/uikit-react-native”: “^3.11.0”,
“@sendbird/uikit-react-native-foundation”: “^3.11.0”,
[Reproduction Steps]
Currently this is the code embedded in the list of chats page:
const { sdk } = useSendbirdChat();
const handlerId = useUniqHandlerId('useTotalUnreadMessageCount');
// none of these event handlers ever gets triggered
useUserEventHandler(sdk, handlerId, {
onTotalUnreadMessageCountChanged: messageCount => console.log('🦜🦜👺 TotalCount', messageCount),
onTotalUnreadMessageCountUpdated: totalCount => console.log('🦜🦜👺 TotalCount deprecated', totalCount),
});
// this one sometimes get updated after reloading the screen for example
const totalUnreadMessageCountFromHook = useTotalUnreadMessageCount(sdk);
console.log("'🦜🦜🦜🦜unread message count as a string", totalUnreadMessageCountFromHook);
return <>{/* irrelevant components */}</>;
[Frequency]
Always
[Current impact]
Blocking finishing an awaited feature for our app.