# Questions about UIKit for React

**URL:** <https://community.sendbird.com/t/questions-about-uikit-for-react/4548>\
**Category:** Sendbird Chat UIKit\
**Tags:** uikit\
**Created:** [April 26, 2022, 5:42am UTC](https://community.sendbird.com/t/questions-about-uikit-for-react/4548 "2022-04-26T05:42:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Junhee\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/junhee_lee/32/2386_2.png) [@Junhee\_Lee](https://community.sendbird.com/u/Junhee_Lee)\
**Post date:** [April 26, 2022, 5:42am UTC](https://community.sendbird.com/t/questions-about-uikit-for-react/4548/1 "2022-04-26T05:42:13Z")

</div>

Hello, I have a question about UIKit for React.

The **UIKit for React** version I want to use is v3, and it seems that the version is continuously updated through GitHub.

I know that there are three steps to customize UIKit for React as soon as I received it through email.

1. [Use top-level modules](https://sendbird.com/docs/uikit/v3/react/ui-components/customization#2-use-top-level-modules)
2. [Use provider and UI components](https://sendbird.com/docs/uikit/v3/react/ui-components/customization#2-use-provider-and-ui-components)
3. [Build your own custom UI component](https://sendbird.com/docs/uikit/v3/react/ui-components/customization#2-build-your-own-custom-ui-component)

Here is what I’m curious about.

### 1.

I want to add new buttons or features on UIKit for react.

I want to add a new features on the channel list module(\<ChannelList/&rt;).

```nohighlight
// ChannelList module that 'sendbird' provides looks like this

<ChannelList channelUrl=”” />

```

It will be rendered like this

 ![스크린샷 2022-04-25 오후 2.51.12](https://us1.discourse-cdn.com/flex020/uploads/sendbird/original/2X/6/6ce3ba6c25a51aa859611522622412276befb2e9.png)

If we want to add new button with new features on the left of the exisiting (+) button (=make a group channel button), should we have to think of it as situation 3?

Should I have to make my own custom UI component and combine with making channel button that ‘sendbird’ provided?

### 2.
I got the email that sendbird provided bundled esmodules about **smart component**.

```auto
As you know, we open-sourced UIKit here. (https://github.com/sendbird/sendbird-uikit-react.git)
And src/smart-components are the UIKit implementation we open as a bundle(esm)(https://github.com/sendbird/sendbird-uikit-react/tree/main/src/smart-components)
Customers can do whatever they want to do with it.

A caveat:
 * customers cannot receive support for UIKit that is branched out of the trunk and modified.
 * it will not be easy to keep up with UIKit upgrade releases down the line.

```

I think that repository is a quick start UIKit code for React.

I don’t think it’s made into a library by modularizing only for smart components, so I’m asking how to import and use them.

Should I have to download that directory and use or import on my own directory?

Or Is there any library to import smart components?

I would appreciate it if sendbird reply.

---

<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:** [April 28, 2022, 2:36am UTC](https://community.sendbird.com/t/questions-about-uikit-for-react/4548/2 "2022-04-28T02:36:06Z")

</div>

Hi @Junhee_Lee,

I apologize for our delayed response on this. Let me connect with the team to see if I can provide you with a comprehensive response. As soon as I have more information, I’ll let you know.

Thanks,  
Tyler

---

<div class="post-metadata">

**Author:** ![Junhee\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/junhee_lee/32/2386_2.png) [@Junhee\_Lee](https://community.sendbird.com/u/Junhee_Lee)\
**Post date:** [April 28, 2022, 7:06am UTC](https://community.sendbird.com/t/questions-about-uikit-for-react/4548/3 "2022-04-28T07:06:44Z")

</div>

Hi @Tyler

I understand your mention.

Don’t worry about it, I am learning other feature like ‘direct call’.

Can I ask one more question?

* * *

Can I make a ‘group call’ in ‘group channel’ by using sendbird apis?

I learned that direct call in channel is possible, but there is no document on the situation of making a group call on the group channel.

For now, I’m trying to make these feature.

Do you guys think that I can solve this problem?

---

<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:** [April 28, 2022, 7:18am UTC](https://community.sendbird.com/t/questions-about-uikit-for-react/4548/4 "2022-04-28T07:18:29Z")

</div>

Hi @Junhee_Lee,

You would need to utilize a room for this. Anything outside of a 1:1 would need to have a room created. So the flow would be more like letting the channel know that user XYZ has created a room, and then having each user click to join.