# 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/v4/core-components/overlay-provider#overlayreactions/) on the `OverlayProvider` component.

## Props

### alignment

<partial id="chat-sdk/react-native/v4/_partials/common-content/contexts/message-context/alignment"></partial>

### 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 React Native Reanimated [`useSharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/api/useSharedValue/) hook.

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

### supportedReactions

<partial id="chat-sdk/react-native/v4/_partials/common-content/core-components/channel/props/supported_reactions"></partial>

### **title**

Title for the component.

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

---

This page was last updated at 2025-08-15T14:16:13.894Z.

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