# React UIKit for web app

**URL:** <https://community.sendbird.com/t/react-uikit-for-web-app/763>\
**Category:** Miscellaneous\
**Created:** [August 6, 2020, 5:37am UTC](https://community.sendbird.com/t/react-uikit-for-web-app/763 "2020-08-06T05:37:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![vcs\_account](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/vcs_account/32/408_2.png) [@vcs\_account](https://community.sendbird.com/u/vcs_account)\
**Post date:** [August 6, 2020, 5:37am UTC](https://community.sendbird.com/t/react-uikit-for-web-app/763/1 "2020-08-06T05:37:13Z")

</div>

Hi,  
Last one week, I am trying to embed this type of Sendbird “[https://docs.sendbird.com/javascript/ui\_kit\_getting\_started](https://docs.sendbird.com/javascript/ui_kit_getting_started)” in own web application and I am stuck that  
when we get channel base on any filter like Retrieve Channel by URL , Retrieve Channel by Custom type  
then how to show filter channel in channel list. My Code is below.

```
var openChannelListQuery = sb.OpenChannel.createOpenChannelListQuery();
openChannelListQuery.customTypes = [Guid];
openChannelListQuery.next(function(openChannels, error) {
if (error) {
    return;
}

```

// where will we bind this object **openChannels** //  
console.log(openChannels);

---

<div class="post-metadata">

**Author:** ![Sravan\_S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/sravan_s/32/83_2.png) [@Sravan\_S](https://community.sendbird.com/u/Sravan_S)\
**Post date:** [August 6, 2020, 5:51am UTC](https://community.sendbird.com/t/react-uikit-for-web-app/763/2 "2020-08-06T05:51:38Z")

</div>

Hello @vcs_account, welcome to the community  
We do not support open channels as of now. If you are looking to filter group channels - follow this example [https://codesandbox.io/s/3-2-customizing-channellistquery-z2y89?file=/src/CustomizedApp.js:773-798](https://codesandbox.io/s/3-2-customizing-channellistquery-z2y89?file=/src/CustomizedApp.js:773-798)

More examples can be found here :- [https://github.com/sendbird/SendBird-JavaScript/tree/master/uikit-samples#uikit-samples](https://github.com/sendbird/SendBird-JavaScript/tree/master/uikit-samples#uikit-samples)

---

<div class="post-metadata">

**Author:** ![vcs\_account](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/vcs_account/32/408_2.png) [@vcs\_account](https://community.sendbird.com/u/vcs_account)\
**Post date:** [August 6, 2020, 5:59am UTC](https://community.sendbird.com/t/react-uikit-for-web-app/763/3 "2020-08-06T05:59:51Z")

</div>

Thanks @Sravan_S, It is helpful for me. I look into that.