fix: minor updates to elementRenderer

Author: lyjeileen

src/components/elementRenderer/elementRenderer.cy.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { v4 as getUUID } from 'uuid'
 
 import {
   supportedViewports,
@@ -89,25 +90,45 @@ describe('ElementRenderer', () => {
           messages={[
             {
               ...sampleMessage,
-              data: { text: 'Test' },
+              data: { text: 'This' },
               format: 'streamingText',
             },
             {
-              id: '2',
+              id: getUUID(),
               timestamp: '2020-01-02T00:00:00.000Z',
               sender: testUser,
               conversationId: 'lkd9vc',
               topic: 'default',
               threadId: '1',
-              data: { text: ' Text' },
+              data: { text: ' is' },
+              format: 'streamingText',
+            },
+            {
+              id: getUUID(),
+              timestamp: '2020-01-02T00:00:00.000Z',
+              sender: testUser,
+              conversationId: 'lkd9vc',
+              topic: 'default',
+              threadId: '1',
+              data: { text: ' streaming' },
+              format: 'streamingText',
+            },
+            {
+              id: getUUID(),
+              timestamp: '2020-01-02T00:00:00.000Z',
+              sender: testUser,
+              conversationId: 'lkd9vc',
+              topic: 'default',
+              threadId: '1',
+              data: { text: ' text.' },
               format: 'streamingText',
             },
           ]}
           {...commonProps}
           ws={mockWsClient}
         />
       )
-      cy.get('p').should('contain.text', 'Test Text')
+      cy.get('p').should('contain.text', 'This is streaming text.')
     })
 
     it(`renders a message for an unsupported format on ${viewport} screen`, () => {

src/components/elementRenderer/elementRenderer.tsx

@@ -24,7 +24,9 @@ const ElementRenderer = (props: ElementRendererProps) => {
           messageId: rootMessage.id,
           conversationId: rootMessage.conversationId,
           ...rootMessage.data,
-          updatedData: updateMessages.map((message) => message.data),
+          ...(updateMessages.length > 0 && {
+            updatedData: updateMessages.map((message) => message.data),
+          }),
         })
       ) : (
         <Typography variant="body2">