Pagination is not working in react inbox

[RuslanHryn]

Pagination is not working in React Inbox on the latest version "@magicbell/magicbell-react": "11.3.2"
Also, the Bell counter displays the incorrect number of unread messages.

Steps to reproduce:

1. Use the following inbox:

<MagicBell
        apiKey={key}
        userExternalId={userId}
        userKey={userKey}

        bellCounter={'unread'}
      >
        {(props): React.JSX.Element => (
          <FloatingNotificationInbox
            placement="bottom-start"
            height={500}
            {...props}
          />
        )}
      </MagicBell>

2. Send more than 100 messages
3. Scroll down to load all messages

Actual behavior

• Bell counter displays the incorrect count of unread messages, which is 100. The value should be the same as the sent messages
• Inbox does not load additional messages after scrolling to the bottom

As you can see from the screenshot, the maximum value of unread messages is 100, even if you send much more messages, like 1K.
Inbox does not load additional messages if scrolled to the bottom

Expected
The Bell counter should display the total number of unread messages, regardless of the number of messages currently displayed. The counter should include not-displayed messages as well

The inbox should load additional messages(next page) when reaching bottom of the messages

[smeijer]

Hi Ruslan,

Our API caps notification counts at 100. We recommend showing '99+' in the badge when there are more unread notifications than that. I've updated the react SDK to match this policy. Please update to the latest version (@magicbell/magicbell-react@11.4.0) to get this resolved.

The pagination issue has been resolved in the meanwhile. Apologies for the inconvenience.

[RuslanHryn]

Thanks very much for the fix.

However, there is still a small bug with the bell counter

Steps to reproduce:

1. Send more than 100 messages. Counter = 99+
2. Scroll down to load all available messages. Counter = 99+
3. Mark a single message as read. Conter = 99. However, more than 100 unread messages in the inbox
4. Mark one more message as unread. Counter = 98. As well as more than 100 unread messages
5. etc

The counter should count down if the total number of unread messages is less than 99, even regardless of the loaded messages

[RuslanHryn]

@smeijer
I would just like to confirm that you saw my comment and that the fix will be delivered.

[smeijer]

Hi Ruslan,

Thank you for reporting. I've seen the message. Given that we're working on a full rewrite, and that there aren't many users with over 99 unread notifications, this isn't a top priority for us at this moment.