Infinite Scroll GetStream in ChannelList With Custom List React Not Working Without Overflow Scroll

Question

I'm using getStream, and want to add infinite scroll like in this documentation: https://getstream.io/chat/docs/sdk/react/custom-code-examples/channel-list-infinite-scroll/#how-to-plug-in-the-infinite-scroll

My code snippet is as follows

<ChannelList
  setActiveChannelOnMount={false}
  filters={{
    members: { $in: [chatClient.user.id || chatClient.userID || ''] },
  }}
  List={props => <MessagingChannelList {...props} />}
  Preview={props => <MessagingChannelPreview {...props} />}
  Paginator={props => <InfiniteScroll threshold={300} {...props} />}
/>

Then in the MessagingChannelList I don't add overflow-scroll (because if I set it that way, when I click the channel it immediately scrolls up). But the side effect is infinite scroll doesn't work if I don't set overflow-scroll in MessagingChannelList.

If anyone has a similar experience or has a solution I really appreciate it. Thank you