question: Duplicate data when use API channel.getPinnedMessages

[vihan85]

Describe the bug

Duplicate data when use API channel.getPinnedMessages

To Reproduce
https://miro.com/app/board/uXjVLlZ3HP0=/

Expected behavior
No duplicate data when get data in next page

Package version
stream-chat-react: ^12.6.0
stream-chat: "^8.40.9"

[MartinCupela]

Hello @vihan85 , could you please provide reproduction steps? The most effective approach would be to have a functioning example in a forked sandbox

[vihan85]

Hello @vihan85 , could you please provide reproduction steps? The most effective approach would be to have a functioning example in a forked sandbox

Hi @MartinCupela

Give you my demo

Step 1: clicking button page 1 (list next page of pinned messages)
Step 2: clicking button next (list next page of pinned messages)

https://codesandbox.io/p/devbox/modest-hoover-hwgwky?file=%2Fsrc%2FApp.tsx%3A95%2C1

[MartinCupela]

Hey @vihan85 , the duplication happens because of incorrect pagination parameter:

Instead of taking the newest pinned message:

const descLastMsg = pinnedMessages[pinnedMessages.length - 1];

Take the last one:

const descLastMsg = pinnedMessages[0];

You did not realize, that at the index 0, there is the oldest message as they are ordered in asc order.

[vihan85]

Hi @MartinCupela ,

• I have done logic based on your document
  

• I used it as your instructions but it did not return the results as expected
  https://codesandbox.io/p/devbox/modest-hoover-hwgwky?file=%2Fsrc%2FApp.tsx%3A78%2C16

[MartinCupela]

Hey @vihan85 , by default, the pinned messages are sorted in ascending order as can be seen from the response in developer tools. What results are expected by you?

[MartinCupela]

So, getPinnedMessages gets messages sorted ascending by pinned_at value. To get the next page, you will need to ask for id_gt instead of id_lt. And the id should belong to the last message in the pinnedMessages array.

const ascLastMsg = pinnedMessages[pinnedMessages.length - 1];

    if (!ascLastMsg) return;

    const pinedMessagesOtherPage = await channel.getPinnedMessages({
      limit: 2,
      id_gt: ascLastMsg!.id,
    });

[MartinCupela]

I will update the docs