# OverlayReactions

`OverlayReactions` component is used to display the list of existing reactions within the message overlay, which opens up when the user long presses a message.

This is the default component provided to the prop [`OverlayReactions`](/chat/docs/sdk/react-native/v3/core-components/overlay-provider#overlayreactions/) on the `OverlayProvider` component.

## Props

### alignment

Sets if the message should be aligned to right or left side of list.

| Type                  | Default |
| --------------------- | ------- |
| enum('right', 'left') | 'right' |


### reactions

List of existing reactions which can be extracted from a message.

```tsx
const reactions = message.latest_reactions.map((reaction) => ({
  alignment: clientId && clientId === reaction.user?.id ? "right" : "left",
  image: reaction?.user?.image,
  name: reaction?.user?.name || reaction.user_id || "",
  type: reaction.type,
}));
```

| Type  |
| ----- |
| array |

### **showScreen**

`Shared` value from the React Native Reanimated [`useSharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/api/hooks/useSharedValue/) hook.

| Type   |
| ------ |
| object |

### supportedReactions

List of reactions which can be added on message.
Please refer to [the guide on customizing reactions](/chat/docs/sdk/react-native/v3/guides/message-customization#message-with-custom-reactions/) for details.

| Type  | Default                                                                                                                                                             |
| ----- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| array | [reactionData](https://github.com/GetStream/stream-chat-react-native/blob/182f1047a1417da64047a12f9a6cfaf1252cfbd8/package/src/components/Channel/Channel.tsx#L129) |


### **title**

Title for the component.

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


---

This page was last updated at 2026-07-10T16:05:05.623Z.

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