tencent cloud

import { ConversationListProvider, IConversationListProps } from '@tencentcloud/chat-uikit-react';

function CustomConversationList(props: IConversationListProps) {
  <ConversationListProvider filter={props.filter} sort={props.sort}>
    <div>Custom ConversationList UI</div>
  </ConversationListProvider>;
}

import { useConversationList } from '@tencentcloud/chat-uikit-react';

const { 
    conversationList, 
    filteredAndSortedConversationList, 
    currentConversation, 
    setCurrentConversation 
} = useConversationList();