How to use the OpenChannel module

implement-openchannel.js

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

<OpenChannelProvider>
    <MyComponent />
<OpenChannelProvider/>

const UserProfile = () => {
    const openChannelState = useOpenChannelContext();
    return (
        ...render custom component
    );
};

<OpenChannel
    renderUserProfile={UserProfile}
/>