use memo

wireapp · Dec 5, 2024 · bcec62e · bcec62e
1 parent cc8f703
commit bcec62e
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/script/components/calling/CallingCell/CallIngParticipantList/CallingParticipantList.tsx b/src/script/components/calling/CallingCell/CallIngParticipantList/CallingParticipantList.tsx
@@ -17,7 +17,7 @@
  *
  */
 
-import React from 'react';
+import React, {useMemo} from 'react';
 
 import cx from 'classnames';
 
@@ -82,9 +82,11 @@ export const CallingParticipantList = ({
     showContextMenu({event, entries, identifier: 'participant-moderator-menu'});
   };
 
-  const participantsList = participants
-    .slice()
-    .sort((participantA, participantB) => sortUsersByPriority(participantA.user, participantB.user));
+  const participantsList = useMemo(() => {
+    return participants
+      .slice()
+      .sort((participantA, participantB) => sortUsersByPriority(participantA.user, participantB.user));
+  }, [participants]);
 
   return (
     <div