How to implement message search

implement-messagesearch.js

import MessageSearch from '@sendbird/uikit-react/MessageSearch;
import { MessageSearchProvider, useMessageSearchContext } from '@sendbird/uikit-react/MessageSearch/context';
const MyComponent = () => {
    const messageSearchState = useMessageSearchContext();
    return (
        ...render custom component
    );
};

<MessageSearchProvider>
    <MyComponent />
<MessageSearchProvider/>

const EmptyListView = () => {
    const messageSearchState = useMessageSearchContext();
    return (
        ...render custom component
    );
};

<MessageSearch
    renderPlaceholderEmptyList={EmptyListView}
/>