Can't use useUserEventHandler to listen to total unread message count

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.

Hi @wondertoth Please can you DM me your app id. I will check if you have the feature turned on.