@sentry/react NPM

Official Sentry SDK for ReactJS

General

This package is a wrapper around @sentry/browser, with added functionality related to React. All methods available in @sentry/browser can be imported from @sentry/react.

To use this SDK, call Sentry.init(options) before you mount your React component.

import React from 'react';
import ReactDOM from "react-dom";
import * as Sentry from '@sentry/react';

Sentry.init({
  dsn: '__DSN__',
  // ...
});

// ...

ReactDOM.render(<App />, rootNode);

// Can also use with React Concurrent Mode
// ReactDOM.createRoot(rootNode).render(<App />);

ErrorBoundary

@sentry/react exports an ErrorBoundary component that will automatically send Javascript errors from inside a component tree to Sentry, and set a fallback UI. Requires React version >= 16.

app.js

import React from 'react';
import * as Sentry from '@sentry/react';

function FallbackComponent() { return (

<div>An error has occured</div>

) }

class App extends React.Component { render() { return ( <Sentry.ErrorBoundary fallback={FallbackComponent} showDialog> </Sentry.ErrorBoundary> ) } }

export default App;

### Profiler

`@sentry/react` exports a Profiler component that leverages the `@sentry/apm` Tracing integration to add React related
spans to transactions. If the Tracing integration is not enabled, the Profiler component will not work. The Profiler
tracks component mount, render duration and updates. Requires React version >= 15.

> app.js
```javascript
import React from 'react';
import * as Sentry from '@sentry/react';

class App extends React.Component {
  render() {
    return (
      <FancyComponent>
        <InsideComponent someProp={2} />
        <AnotherComponent />
      </FancyComponent>
    )
  }
}

export default Sentry.withProfiler(App);

@sentry/browser @sentry/core @sentry/types @sentry/utils hoist-non-react-statics

@sirclo/nexus @transfix/airhorn @glagolio/portal help-centre-ui vulcan-cra-starter audio-tour-hamada marketing-site @identance/sdk better-cal-component sentry-pack react-antd-admin-template mingdao-web-mohodata lisqvize sid-npm-test3 sid-npmtest-1 sid-npmtest-2 sid-test-create-npm @castine/core priceit @castine/reporter @infinitebrahmanuniverse/nolb-_sen @sentry-murz/gatsby @tap-payments/checkout-react-sdk boompay-react-sdk demotestpublish ladys-npm-base dynamic-formly-react-test mingdao-web-mo live_dealer_roulette tireclound-pattern-library raylo-apollo @everything-registry/sub-chunk-822 @paiondata/nexusgraph @koreacreditdata/yuhina flare-dispatch @bn-digital/sdk xstate-viz-ycaptain @dxos/vault @dxos/halo-app @dungfs/ghost-portal @efox/react-boundary-loader work-permit-spa-v3 tommy-test tirecloud-pattern-library tireclound-library techfi-portal trekhaak-labels-configurator ui-ib-application @fuse-finance/ui-library zink-api zink-shared-api ubeswap-header ubeswap-swap ubeswap-swap-dev vitto-checkout vite-security-admin vite-template-h5 vini-test umi3-plugin-sentry trillion-widget trillion-viewer @hcyoooo/react_demo fed-sentry-reporter @hexacubist/ghost-club-portal @hexacubist/arpg-club-portal fe-antd-wealth-mgt fe-monitor-tracker-react @inkeep/inkeep-widget-library finance-approvals @irvingjs/vip-go @foreverrbum/ethsign svl-admin-template @goldenplanet/vebto-pixie @img-arena/streaming-sdk ordering-ui-admin-external ordering-ui-external ordering-components ordering-components-admin-external ordering-ui ordering-ui-admin ci_platform_frontend cloud-toplion @deltavthrust/onramper-widget clipcc-gui @dawsonbotsford/isomorphic-sentry derivative360 rakamin-component-test react-template-5 reportelab reactnative-plugin-appice-apm react-signy-form-component-test-1 react-signy-form-component-test-2 report-publish report-publish-ap ry-error-wrapper samaelnpmreportcs sc-sierra sat-srclz-tdk2 rrd-ui setting-app

3 days ago

3 days ago

4 days ago

4 days ago

9 days ago

8 days ago

10 days ago

12 days ago

12 days ago

16 days ago

19 days ago

19 days ago

29 days ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

8 months ago

7 months ago

8 months ago

6 months ago

5 months ago

5 months ago

8 months ago

6 months ago

8 months ago

9 months ago

5 months ago

9 months ago

8 months ago

6 months ago

6 months ago

8 months ago

7 months ago

9 months ago

5 months ago

9 months ago

8 months ago

5 months ago

5 months ago

7 months ago

6 months ago

9 months ago

10 months ago

9 months ago

8 months ago

7 months ago

6 months ago

7 months ago

9 months ago

9 months ago

9 months ago

9 months ago

5 months ago

9 months ago

7 months ago

10 months ago

10 months ago

5 months ago

6 months ago

8 months ago

6 months ago

9 months ago

6 months ago

6 months ago

10 months ago

11 months ago

11 months ago

11 months ago

10 months ago

11 months ago

10 months ago

12 months ago

12 months ago

12 months ago

11 months ago

11 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

@sentry/react v7.112.2

Official Sentry SDK for ReactJS

Links

General

ErrorBoundary