Only Show 100 users in invite users List in UiKit

1

Hi everyon,
I am getting Users List from sendbird server but i am getting only 100 users but i want to get more than 100. Scrollbar effect is not working in my Code. Can you guide me what is happening there?

 queries={{
                        channelListQuery: {
                            includeEmpty: true,
                            order: 'latest_last_message',
                            customTypesFilter: [props.areaId]
                        }
                        ,
                        applicationUserListQuery: {
                            isLoading: false,
                            hasNext:true,
                            limit:100,
                            metaDataKeyFilter: props.areaName,
                            metaDataValuesFilter: [props.areaId],
                            
                        }

                    }}
2

This looks like it is probably a JavaScript question, but if you are using another SDK they all have something similar to what I linked to below.

You can retrieve up to 100 users at a time. I don’t see that limit outside of the Platform API docs, but that is the query that is made by the SDK under the hood so it has the same limits.

To get the next 100 users you can call the next() method on the UserListQuery. If you need all users you can just loop through this while the hasNext property of the UserListQuery is true.

3

Thanks @alex.orr,
Actually I am using React UiKit and I am using this components. Same code is running on https://codesandbox but not working in my project. I am full fill all requirements but i am only stuck this problem.I am using this code. In this code i am passing users list id which more than 100 but showing only 100 do you have any idea about that how to use next() method in react component.

 queries={{
                        channelListQuery: {
                            includeEmpty: true,
                            order: 'latest_last_message',
                            customTypesFilter: [props.areaId]
                        }
                        ,
                        applicationUserListQuery: {
                            limit: 100,
                            userIdsFilter: users
                            
                        }

                    }}
4

So, we call next() internally inside the components on scroll end

Can you remove the keys

isLoading: false,
hasNext:true,
limit:100,

from your query and try again?

5

@Sravan_S,
Yes I removed isLoading : false , hasNext:true, limit:100 but still showing only 20 users which is default length.

6

And it is not fetching more data on scroll?
Can you tell us your browser, screen and OS specifications?
Also, this is only on your sample app, not on code sandbox, correct?
This could be a possible bug from our side

7

@Sravan_S
Yes ,It is not fetching more data on scroll. Problem is occurring in my sample app. I am using
OS : Windows Server 2016,
Browser: Google Chrome

8

@Sravan_S,
I have solved this problem another solution. Now I am using userListQuery and i am passing users list
but why are not showing nickName. I attached image.

 <SendBirdProvider
                appId={this.props.appkey}
                userId={this.props.userprofileid}
                nickname={this.props.username}
                userListQuery={
                    useCustomQuery
                        ? getCustomPaginatedQuery
                        : null
                }
                >

image

9

Hello @vcs_account

Each user that you fetch with getCustomPaginatedQuery should have these three fields:

{
  userId: string,
  profileUrl: string,
  nickname: string,
}

BTW, we will investigate that scroll issue, and let you know once we know more

10

@Sravan_S Thanks :slightly_smiling_face: