---
title: "Breadcrumbs"
description: "Learn more about what Sentry uses to create a trail of events (breadcrumbs) that happened prior to an issue."
url: https://docs.sentry.io/platforms/react-native/enriching-events/breadcrumbs/
---

# Breadcrumbs | Sentry for React Native

##### Hey... did you mean Logs? Sentry has them now!

Manual breadcrumbs had a good run, but [Sentry's got logs](https://docs.sentry.io/platforms/react-native/logs.md). Structured, searchable, and way easier to alert or query on. Check them out!

Sentry uses *breadcrumbs* to create a trail of events that happened prior to an issue. These events are very similar to traditional logs, but can record more rich structured data.

This page provides an overview of manual breadcrumb recording and customization. Learn more about the information that displays on the **Issue Details** page and how you can filter breadcrumbs to quickly resolve issues in [Using Breadcrumbs](https://docs.sentry.io/product/error-monitoring/breadcrumbs.md).

##### Learn about SDK usage

Developers who want to modify the breadcrumbs interface can learn more in our [developer documentation about the Breadcrumbs Interface](https://develop.sentry.dev/sdk/foundations/transport/event-payloads/breadcrumbs/).

## [Manual Breadcrumbs](https://docs.sentry.io/platforms/react-native/enriching-events/breadcrumbs.md#manual-breadcrumbs)

You can manually add breadcrumbs whenever something interesting happens. For example, you might manually record a breadcrumb if the user authenticates or another state change occurs.

You'll first need to import the SDK, as usual:

```javascript
import * as Sentry from "___SDK_PACKAGE___";
```

Manually record a breadcrumb:

```javascript
Sentry.addBreadcrumb({
  category: "auth",
  message: "Authenticated user " + user.email,
  level: "info",
});
```

The available breadcrumb keys are `type`, `category`, `message`, `level`, `timestamp` (which many SDKs will set automatically for you), and `data`, which is the place to put any additional information you'd like the breadcrumb to include. Using keys other than these six won't cause an error, but will result in the data being dropped when the event is processed by Sentry.

You can choose from the following breadcrumb log levels: `"fatal"`, `"critical"`, `"error"`, `"warning"`, `"log"`, `"info"`, and `"debug"`.

## [Automatic Breadcrumbs](https://docs.sentry.io/platforms/react-native/enriching-events/breadcrumbs.md#automatic-breadcrumbs)

The React Native SDK captures breadcrumbs automatically using the native Android and iOS SDKs:

* [Automatic breadcrumbs for Android](https://docs.sentry.io/platforms/android/enriching-events/breadcrumbs.md#automatic-breadcrumbs)
* [Automatic breadcrumbs for iOS](https://docs.sentry.io/platforms/apple/integrations/default.md#sentryautobreadcrumbtrackingintegration)

More breadcrumbs can be captured by the React Native SDK:

* For interaction breadcrumbs, wrap your root component using the [`Sentry.wrap`](https://docs.sentry.io/platforms/react-native/tracing/instrumentation/automatic-instrumentation.md#wrap-your-root-component) method.
* For navigation breadcrumbs, use one of the [SDK's navigation integrations](https://docs.sentry.io/platforms/react-native/tracing/instrumentation/automatic-instrumentation.md#enable-routing-instrumentation).
* `HTTP` requests are included in breadcrumbs by default.
* To track redux actions and latest store state, use [`Sentry.createReduxEnhancer`](https://docs.sentry.io/platforms/javascript/guides/react/configuration/integrations/redux.md).

## [Customize Breadcrumbs](https://docs.sentry.io/platforms/react-native/enriching-events/breadcrumbs.md#customize-breadcrumbs)

SDKs allow you to customize breadcrumbs through the `beforeBreadcrumb` hook.

You'll first need to import the SDK, as usual:

```javascript
import * as Sentry from "___SDK_PACKAGE___";
```

This hook is passed an already assembled breadcrumb and, in some SDKs, an optional hint. The function can modify the breadcrumb or decide to discard it entirely by returning `null`:

```javascript
Sentry.init({
  // ...
  beforeBreadcrumb(breadcrumb, hint) {
    return breadcrumb.category === "ui.click" ? null : breadcrumb;
  },
});
```

For information about what can be done with the hint, see [Filtering Events](https://docs.sentry.io/platforms/react-native/configuration/filtering.md#using-hints).