fix(chat): fix chat history blinking on conversations change (Issue #…

…2401) (#2696) Co-authored-by: Magomed-Elbi Dzhukalaev <[email protected]>
epam · Nov 28, 2024 · 832f371 · 832f371
1 parent 16853e1
commit 832f371
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/apps/chat/src/components/Chat/Chat.tsx b/apps/chat/src/components/Chat/Chat.tsx
@@ -1,5 +1,13 @@
 import { FloatingOverlay } from '@floating-ui/react';
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import {
+  memo,
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 
 import { useTranslation } from 'next-i18next';
 
@@ -293,7 +301,7 @@ export const ChatView = memo(() => {
     };
   }, [handleScroll, mergedMessages.length, messageIsStreaming]);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (selectedConversations.length > 0) {
       const mergedMessages: MergedMessages[] = [];
       const firstConversationMessages = excludeSystemMessages(