# FileAttachmentGroup

Renders a group of file attachments inside [`MessageList`](/chat/docs/sdk/react-native/v8/ui-components/message-list/). This is the default component for the [`FileAttachmentGroup`](/chat/docs/sdk/react-native/v8/core-components/channel#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.

| Type   |
| ------ |
| string |

### `files`

Array of `file` attachments shown in the grouped UI component.

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

| Type  |
| ----- |
| Array |


---

This page was last updated at 2026-04-17T17:33:44.645Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/v8/ui-components/file-attachment-group/](https://getstream.io/chat/docs/sdk/react-native/v8/ui-components/file-attachment-group/).