Skip to content

[Bug]: Missing unique "key" prop in ChatInputFormattingToolbar components #1098

@deepak0x

Description

@deepak0x

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

Image

Steps to Reproduce

  1. Open the EmbeddedChat application or Storybook.
  2. Navigate to any view where the Chat Input Toolbar is visible.
  3. Open the browser Developer Console.
  4. Observe the warning during the initial render or when interacting with the toolbar.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions