How to utilize the OpenChannelSettings module

implement-openchannelsettings.js

import OpenChannelSettings from '@sendbird/uikit-react/OpenChannelSettings';
import { OpenChannelProvider, useOpenChannelContext } from '@sendbird/uikit-react/OpenChannelSettings/context';
const MyComponent = () => {
    const openChannelSettingsState = useOpenChannelSettingsContext();
    return (
        ...render custom component
    );
};

<OpenChannelSettingsProvider>
    <MyComponent />
<OpenChannelSettingsProvider/>

const ModifiedModalView = () => {
    const openChannelSettingsState = useOpenChannelSettingsContext();
    return (
        ...render custom component
    );
};

<OpenChannelSettings
    onChannelModified={ModifiedModalView}
/>