Incorrect order of notifications if move notifications between tabs

[RuslanHryn]

The reproducer is the same as in this issue https://github.com/orgs/magicbell/discussions/231

We have two tabs for read and unread notifications

const stores = [
   { id: 'default', defaultQueryParams: { read: false } },
   { id: 'read', defaultQueryParams: { read: true } },
 ];

 const tabs = [
   { storeId: 'default', label: 'read' },
   { storeId: 'read', label: 'unread' },
 ];

<MagicBell
       apiKey=
       userExternalId=
       ...
       stores={stores}
      />}
     >
       {(props): React.JSX.Element => (
         <FloatingNotificationInbox
           tabs={tabs}
           closeOnNotificationClick={false}
           notificationPreferencesEnabled={false}
           placement="bottom-start"
           height={500}
           {...props}
         />
       )}
     </MagicBell>

If you click on a notification in the Unread tab, it will be moved to the bottom of the Read tab, regardless of its sent at time. After refreshing the page, notifications will be correctly ordered by their sent at time

Here is the screenshot of the issue

The notifications should be ordered by sent at.

[RuslanHryn]

@smeijer Could you please fix this issue?

[smeijer]

Hi,

This should be resolved in @magicbell/[email protected]