diff --git a/src/components/middle/MessageList.tsx b/src/components/middle/MessageList.tsx index 508eb65e2..01253e928 100644 --- a/src/components/middle/MessageList.tsx +++ b/src/components/middle/MessageList.tsx @@ -140,7 +140,7 @@ const MessageList: FC = ({ const anchorIdRef = useRef(); const anchorTopRef = useRef(); const listItemElementsRef = useRef(); - const memoUnreadDividerBeforeIdRef = useRef(); + const memoUnreadDividerBeforeIdRef = useRef(firstUnreadId); // Updated every time (to be used from intersection callback closure) const memoFirstUnreadIdRef = useRef(); const memoFocusingIdRef = useRef(); @@ -162,11 +162,6 @@ const MessageList: FC = ({ useOnChange(() => { memoFirstUnreadIdRef.current = firstUnreadId; - - // Updated only once (to preserve divider even after messages are read) - if (!memoUnreadDividerBeforeIdRef.current) { - memoUnreadDividerBeforeIdRef.current = firstUnreadId; - } }, [firstUnreadId]); useOnChange(() => {