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

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.

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;

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.

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

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