# Overview

The SDK ships a built-in in-app notification system: a snackbar that appears above the message list, channel list, and threads to surface confirmations, warnings, and errors. The components and hooks documented in this section are the building blocks of that system.

For a conceptual walkthrough of how notifications flow from `stream-chat` through to the snackbar, how panel targeting works, and what the SDK emits by default, see the [In-App Notifications guide](/chat/docs/sdk/react-native/guides/in-app-notifications-overview/). For task-driven recipes, see the [In-App Notifications cookbook](/chat/docs/sdk/react-native/guides/in-app-notifications/) and the [Snackbar cookbook](/chat/docs/sdk/react-native/guides/snackbar/).

## Components

| Component                                                                                                                  | Description                                                                                                |
| -------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
| [`NotificationList`](/chat/docs/sdk/react-native/ui-components/in-app-notifications/notification-list/)                    | The snackbar host. Picks the active notification for its panel and renders it above the content.           |
| [`Notification`](/chat/docs/sdk/react-native/ui-components/in-app-notifications/notification/)                             | The snackbar card itself: icon, message, optional action buttons, optional close button.                   |
| [`NotificationIcon`](/chat/docs/sdk/react-native/ui-components/in-app-notifications/notification-icon/)                    | Maps a notification's severity to an icon. Replaceable via component overrides.                            |
| [`NotificationTargetContext`](/chat/docs/sdk/react-native/ui-components/in-app-notifications/notification-target-context/) | Declares which panel a subtree belongs to so notifications route correctly when targeting isn't inferable. |

## Hooks

| Hook                                                                                                                                      | Description                                                                                                |
| ----------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
| [`useNotificationApi`](/chat/docs/sdk/react-native/ui-components/in-app-notifications/hooks/use-notification-api/)                        | Emit, dismiss, and target notifications.                                                                   |
| [`useNotifications`](/chat/docs/sdk/react-native/ui-components/in-app-notifications/hooks/use-notifications/)                             | Read all notifications or read notifications for a specific target with an optional filter.                |
| [`useSystemNotifications`](/chat/docs/sdk/react-native/ui-components/in-app-notifications/hooks/use-system-notifications/)                | Read notifications tagged as `system`, emitted via `addSystemNotification` and excluded from the snackbar. |
| [`useNotificationTarget`](/chat/docs/sdk/react-native/ui-components/in-app-notifications/hooks/use-notification-target/)                  | Resolve the current panel (`channel`, `thread`, `channel-list`, `thread-list`) from React context.         |
| [`useNotificationListController`](/chat/docs/sdk/react-native/ui-components/in-app-notifications/hooks/use-notification-list-controller/) | Drive a custom `NotificationList`: pick the active notification, dismiss it, manage timeouts.              |


---

This page was last updated at 2026-05-14T07:09:01.180Z.

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