# Reply

`Reply` renders the quoted parent message preview inside `MessageList`.

## Best Practices

- Keep reply previews concise to avoid cluttering the message list.
- Ensure the preview clearly references the quoted message.
- Use consistent styling with the rest of message bubbles.
- Handle missing quoted messages gracefully.
- Override via the `Channel` prop rather than modifying internals.

Replace it via the `Reply` prop on [Channel](/chat/docs/sdk/react-native/v8/core-components/channel/).

```tsx
<Channel Reply={CustomReply} />
```

## Props

### `editing`

Defined with message type if the user is editing some message within `MessageInput` component else its undefined.

| Type                    |
| ----------------------- |
| `Message`\| `undefined` |


### `message`

Message object.

| Type           |
| -------------- |
| `Message` type |


### `quotedMessage`

Message that is quoted to the original message

| Type                    |
| ----------------------- |
| `Message`\| `undefined` |


## UI Component Props

### `FileAttachmentIcon`

Renders the file icon for `file` attachments.

| Type          | Default                                                                                                                            |
| ------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| ComponentType | [`FileIcon`](https://github.com/GetStream/stream-chat-react-native/v8/blob/develop/package/src/components/Attachment/FileIcon.tsx) |


### `MessageAvatar`

Renders the sender avatar in [`MessageList`](/chat/docs/sdk/react-native/v8/ui-components/message-list/). Only shown for other users’ messages.

| Type          | Default                                                                                                                                                 |
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ComponentType | [`MessageAvatar`](https://github.com/GetStream/stream-chat-react-native/v8/blob/develop/package/src/components/Message/MessageSimple/MessageAvatar.tsx) |



---

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

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