# My sendbird UI kit is not showing channels that are created by API

**URL:** <https://community.sendbird.com/t/my-sendbird-ui-kit-is-not-showing-channels-that-are-created-by-api/6811>\
**Category:** Sendbird Chat UIKit\
**Tags:** uikit\
**Created:** [March 19, 2023, 12:45am UTC](https://community.sendbird.com/t/my-sendbird-ui-kit-is-not-showing-channels-that-are-created-by-api/6811 "2023-03-19T00:45:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![iasheyam](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/iasheyam/32/3772_2.png) [@iasheyam](https://community.sendbird.com/u/iasheyam)\
**Post date:** [March 19, 2023, 12:45am UTC](https://community.sendbird.com/t/my-sendbird-ui-kit-is-not-showing-channels-that-are-created-by-api/6811/1 "2023-03-19T00:45:09Z")

</div>

My send bird UI kit is not showing channels/groups that are created by API. It only shows groups that are created by the user.

// What version of the SDK are you using?  
UI Kit 3

// Please provide reproduction steps and, if possible, code snippets.

```auto
import SendbirdApp from '@sendbird/uikit-react/App';
import '@sendbird/uikit-react/dist/index.css';

function SendBird ({user_id, app_id, access_token}){
    return (
        <div className="App">
            {/*add link to go to home page*/}
            <SendbirdApp
                // Add the two lines below.
                appId={app_id} // Specify your Sendbird application ID.
                userId={user_id} // Specify your user ID.
                accessToken={access_token} // Specify your user access token.
            />

        </div>
    );
};

export default SendBird;

```

---

<div class="post-metadata">

**Author:** ![Tyler](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/tyler/32/810_2.png) [@Tyler](https://community.sendbird.com/u/Tyler)\
**Post date:** [March 21, 2023, 12:28am UTC](https://community.sendbird.com/t/my-sendbird-ui-kit-is-not-showing-channels-that-are-created-by-api/6811/2 "2023-03-21T00:28:50Z")

</div>

By default, the UIKit does not show empty channels. Do the channels you’re creating include messages? If not, you’ll need to implement the individual components so you can override the channelListQuery prop to include empty channels.

---

<div class="post-metadata">

**Author:** ![iasheyam](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/iasheyam/32/3772_2.png) [@iasheyam](https://community.sendbird.com/u/iasheyam)\
**Post date:** [March 21, 2023, 11:54pm UTC](https://community.sendbird.com/t/my-sendbird-ui-kit-is-not-showing-channels-that-are-created-by-api/6811/3 "2023-03-21T23:54:13Z")

</div>

Is there any way to customize the component using component? I mean enabling or disabling the create new channel button, etc.

---

<div class="post-metadata">

**Author:** ![Tyler](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/tyler/32/810_2.png) [@Tyler](https://community.sendbird.com/u/Tyler)\
**Post date:** [March 23, 2023, 4:28am UTC](https://community.sendbird.com/t/my-sendbird-ui-kit-is-not-showing-channels-that-are-created-by-api/6811/4 "2023-03-23T04:28:53Z")

</div>

You can customize the query but you need to implement something other than the `App` component. You would need to implement the `ChannelList` and `Channel` component in order to override the query that is being used.

You can see an example here: [UIKit V3 -ChannelListQuery - CodeSandbox](https://codesandbox.io/s/uikit-v3-channellistquery-7itlxq?file=/src/Chat.js)