Global-sales/src/views/Conversations/Components/MessagesWrapper.jsx

import { useRef } from 'react';
import useConversationStore from '@/stores/ConversationStore';
import { useShallow } from 'zustand/react/shallow';
import MessagesList from './MessagesList';

const MessagesWrapper = () => {
  const activeMessages = useConversationStore(useShallow((state) => (state.currentConversation.sn ? state.activeConversations[state.currentConversation.sn] : [])));

  const reference = useRef(null);
  return (
    <>
      <MessagesList dataSource={activeMessages} reference={reference} />
    </>
  );
};
export default MessagesWrapper;