[Chat] Fix for a race condition for "The message is deleted" announcement (#3946)

Author: vhuseinova-msft

change-beta/@azure-communication-react-09bb9bd5-6808-44dd-94d1-4a6bc9cc2581.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Accessibility",
+  "comment": "Fix for a race condition for \"The message is deleted\" announcement",
+  "packageName": "@azure/communication-react",
+  "email": "98852890+vhuseinova-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-09bb9bd5-6808-44dd-94d1-4a6bc9cc2581.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Accessibility",
+  "comment": "Fix for a race condition for \"The message is deleted\" announcement",
+  "packageName": "@azure/communication-react",
+  "email": "98852890+vhuseinova-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/src/components/MessageThread.tsx

@@ -728,10 +728,12 @@ export const MessageThreadWrapper = (props: MessageThreadProps): JSX.Element =>
         return;
       }
       try {
-        await onDeleteMessage(messageId);
         // reset deleted message label in case if there was a value already (messages are deleted 1 after another)
         setDeletedMessageAriaLabel(undefined);
         setLatestDeletedMessageId(messageId);
+        // we should set up latestDeletedMessageId before the onDeleteMessage call
+        // as otherwise in very rare cases the messages array can be updated before latestDeletedMessageId
+        await onDeleteMessage(messageId);
       } catch (e) {
         console.log('onDeleteMessage failed: messageId', messageId, 'error', e);
       }