How to implement ChannelList

implement-channellist.js

import { useChannelListContext, ChannelListProvider } from '@sendbird/uikit-react/ChannelList/context';
import ChannelList from '@sendbird/uikit-react/ChannelList';

const MyComponent = () => {
    const channelListState = useChannelListContext();
    return (
        ...render custom component
    );
};

<ChannelListProvider>
    <MyComponent />
<ChannelListProvider/>

const MyPlaceholder = () => {
    const channelListState = useChannelListContext();
    return (
        ...render custom component
    );
};

<ChannelList
    renderPlaceHolderLoading={MyPlaceholder}
/>