stream-chat-react/dist/components/MessageList/hooks/useLastReadData.js

React components to create chat conversations or livestream style chat

import { useMemo } from 'react';
export const useLastReadData = (props) => {
    const { channel, lastOwnMessage, messages, returnAllReadData } = props;
    return useMemo(() => {
        if (returnAllReadData) {
            return messages.reduce((acc, msg) => {
                acc[msg.id] = channel.messageReceiptsTracker.readersForMessage({
                    msgId: msg.id,
                    timestampMs: msg.created_at.getTime(),
                });
                return acc;
            }, {});
        }
        if (!lastOwnMessage)
            return {};
        return {
            [lastOwnMessage.id]: channel.messageReceiptsTracker.readersForMessage({
                msgId: lastOwnMessage.id,
                timestampMs: lastOwnMessage.created_at.getTime(),
            }),
        };
    }, [channel, lastOwnMessage, messages, returnAllReadData]);
};