stream-chat-react/dist/components/MessageList/hooks/VirtualizedMessageList/useShouldForceScrollToBottom.js

React components to create chat conversations or livestream style chat

import { useEffect, useRef } from 'react';
export function useShouldForceScrollToBottom(messages, currentUserId) {
    const lastFocusedOwnMessage = useRef('');
    const initialFocusRegistered = useRef(false);
    function recheckForNewOwnMessage() {
        if (messages && messages.length > 0) {
            const lastMessage = messages[messages.length - 1];
            if (lastMessage.user?.id === currentUserId &&
                lastFocusedOwnMessage.current !== lastMessage.id) {
                lastFocusedOwnMessage.current = lastMessage.id;
                return true;
            }
        }
        return false;
    }
    useEffect(() => {
        if (messages && messages.length && !initialFocusRegistered.current) {
            initialFocusRegistered.current = true;
            recheckForNewOwnMessage();
        }
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [messages, messages?.length]);
    return recheckForNewOwnMessage;
}