How to implement the ChannelSettings module

implementing-channelsettings.js

import ChannelSettings from '@sendbird/uikit-react/ChannelSettings';
import { ChannelSettingsProvider, useChannelSettingsContext } from '@sendbird/uikit-react/ChannelSettings/context';
const MyComponent = () => {
    const channelSettingsState = useChannelSettingsContext();
    return (
        ...render custom component
    );
};

<ChannelSettingsProvider>
    <MyComponent />
<ChannelSettingsProvider/>

const LeaveChannelButton = () => {
    const channelSettingsState = useChannelSettingsContext();
    return (
        ...render custom component
    );
};

<ChannelSettings
    renderLeaveChannel={LeaveChannelButton}
/>