Screenshots

Before

After

Version

master

Describe the bug

On every incoming activities, <BasicTranscript> is re-rendering previously rendered activities.

This is because every item in activityElements is being re-created.

Steps to reproduce

1. Add a console.log to <StackedLayout>, to trace how many times this component is getting rendered
2. Browse to Web Chat
3. Open developer tools
4. Type "a", followed by "b" and "c"

Expected behavior

There should be a fixed amount of render of <StackedLayout> for every incoming/outgoing activity.

Instead, it is showing an exponential growth. For example, with 3 message pairs, it is showing 12 renders instead of 4.

Additional context

[Bug]