How to use 'queries.channelListQuery' in the right way?

Sendbird Chat UIKit React
,
1

[Problem/Question]

const [currentTripChannelUrl, setCurrentTripChannelUrl] = useState('');
 <div className="sendbird-app__wrap">
        <div className={css.channelListWrapper}>
          <ChannelListProvider
            onChannelSelect={channel => {
              setCurrentTripChannelUrl(channel?.url);
            }}
            queries={{
              channelListQuery: {
                includeEmpty: true,
                customTypesFilter: [ChatTypes.GROUP_CHAT],
              },
            }}
            className={css.channelList}
          >
            <ChannelListUI />
          </ChannelListProvider>
        </div>
        <div className="sendbird-app__conversation-wrap">
          <Channel
            channelUrl={currentTripChannelUrl}
            onChatHeaderActionClick={() => {
              setShowSettings(true);
            }}
          />
        </div>
      </div>

Hey there! Could you help me with it? I try to get channels with the right types and I getting it, but when I click on one of them, I get always the first in the list in the ‘<Channel’

[UIKit Version]
Latest - “@sendbird/uikit-react”: “^3.4.6”,
[Reproduction Steps]
I click on any channel in the list, but in the ‘<Channel’ I always get the first one in the list

UPD: I solved this problem! I add prop disableAutoSelect={true}

2

Hi @NikShein

Welcome to Sendbird Community!

You can set this property set to True.
image