Skip to content

Commit 0347c58

Browse files
authored
feat: Fix for flickering Virtualized Messages List (#19568)
1 parent 184f7c7 commit 0347c58

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/script/components/MessagesList/VirtualizedMessagesList/VirtualizedMessagesList.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -259,8 +259,10 @@ export const VirtualizedMessagesList = ({
259259
return () => clearTimeout(timeout);
260260
}, [isConversationLoaded, virtualItems]);
261261

262-
useEffect(() => {
263-
virtualizer.measure();
262+
useLayoutEffect(() => {
263+
requestAnimationFrame(() => {
264+
virtualizer.measure();
265+
});
264266
}, [virtualizer, groupedMessages.length]);
265267

266268
if (!isConversationLoaded) {

0 commit comments

Comments
 (0)