# GroupChannelList re-renders when calling \`onChannelSelect\`

**URL:** <https://community.sendbird.com/t/groupchannellist-re-renders-when-calling-onchannelselect/11262>\
**Category:** React\
**Tags:** javascript, uikit, bug\
**Created:** [December 13, 2025, 12:39am UTC](https://community.sendbird.com/t/groupchannellist-re-renders-when-calling-onchannelselect/11262 "2025-12-13T00:39:36Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sam\_Echikson](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/sam_echikson/32/5970_2.png) [@Sam\_Echikson](https://community.sendbird.com/u/Sam_Echikson)\
**Post date:** [December 13, 2025, 12:39am UTC](https://community.sendbird.com/t/groupchannellist-re-renders-when-calling-onchannelselect/11262/1 "2025-12-13T00:39:36Z")

</div>

**Problem**

When I upgrade `@sendbird/uikit-react` from version 3.16.12 to 3.17.0, my usage of the `GroupChannelList` has an issue with re-rendering. Each time the `onChannelSelect` gets called to change the channel, it causes the component to flash the loading UI for a split second.

* * *

// If problem, please fill out the below. If question, please delete.  
**[UIKit Version]**  
3.17.0 and above

**[Reproduction Steps]**

```auto
function LiveChatLab() {
  const [activeChannelUrl, setActiveChannelUrl] = useState<string | null>();
  const [filter, setFilter] = useState<ChannelListQueryParamsType>({
    includeFrozen: true,
    includeMetaData: true,
    includeEmpty: true,
    publicChannelFilter: PublicChannelFilter.ALL,
    order: GroupChannelListOrder.LATEST_LAST_MESSAGE,
  });
  const handleChannelSelect = useCallback((channel: any) => {
    if (channel) {
      setActiveChannelUrl(channel.url);
    }
  }, []);

  const handleNewChatCreated = useCallback((channel: any) => {
    if (channel) {
      setActiveChannelUrl(channel.url);
    }
  }, []);

  return (
    <GroupChannelProvider channelUrl={activeChannelUrl ?? ''}>
      <GroupChannelList
        disableAutoSelect
        channelListQueryParams={filter}
        onChannelSelect={handleChannelSelect}
        onChannelCreated={handleNewChatCreated}
      />
    </GroupChannelProvider>
  );
}

```

**[Frequency]**  
Every time

**[Current impact]**  
Cannot upgrade @sendbird/uikit-react