FileAttachmentGroup

Renders a group of file attachments inside MessageList. This is the default component for the FileAttachmentGroup prop.

Best Practices

• Use file grouping for messages with multiple files to keep UI compact.
• Provide clear file names and sizes to help users identify attachments.
• Handle empty or invalid file arrays gracefully.
• Avoid heavy file icon rendering in large lists.
• Use consistent file download/open behavior across attachments.

Props

messageId

ID of the current message.

files

Array of file attachments shown in the grouped UI component.

const files = message.attachments.filter((a) => a.type === "file");