diff --git a/packages/react/src/views/ChatBody/ChatBody.js b/packages/react/src/views/ChatBody/ChatBody.js index 34f5c8bf4..359d22f3c 100644 --- a/packages/react/src/views/ChatBody/ChatBody.js +++ b/packages/react/src/views/ChatBody/ChatBody.js @@ -307,11 +307,18 @@ const ChatBody = ({ } }; + const prevMessagesLength = useRef(0); + useEffect(() => { - if (messageListRef.current) { + if ( + messageListRef.current && + messages.length > prevMessagesLength.current && + !loadingOlderMessages + ) { messageListRef.current.scrollTop = messageListRef.current.scrollHeight; } - }, [messages]); + prevMessagesLength.current = messages.length; + }, [messages, loadingOlderMessages]); useEffect(() => { checkOverflow();