A React console warning occurs when the message formatting toolbar is rendered. React requires every item in a list (such as the icons in the toolbar) to have a unique key prop so it can efficiently track updates. Currently, several components in the toolbar are missing these keys, which triggers the following warning:
Warning: Each child in a list should have a unique "key" prop. Check the render method of ChatInputFormattingToolbar.
Screenshots/Video
Steps to Reproduce
- Open the EmbeddedChat application or Storybook.
- Navigate to any view where the Chat Input Toolbar is visible.
- Open the browser Developer Console.
- Observe the warning during the initial render or when interacting with the toolbar.