Nest.js に React.js 版パッケージの Sentry を導入する

npm i @sentry/react @sentry/tracing

import React from 'react';
import ReactDOM from 'react-dom';
import * as Sentry from '@sentry/react';
import { Integrations } from '@sentry/tracing';
import App from './App';

Sentry.init({
  dsn: 'https://abcdefghijklmnopqrstuvwxyz012345678999999.ingest.sentry.io/0123456',
  integrations: [new Integrations.BrowserTracing()],

  // Set tracesSampleRate to 1.0 to capture 100%
  // of transactions for performance monitoring.
  // We recommend adjusting this value in production
  tracesSampleRate: 1.0,
});

ReactDOM.render(<App />, document.getElementById('root'));

// Can also use with React Concurrent Mode
// ReactDOM.createRoot(document.getElementById('root')).render(<App />);

import * as Sentry from '@sentry/react';
import { Integrations } from '@sentry/tracing';

const SENTRY_DSN = 'https://abcdefghijklmnopqrstuvwxyz012345678999999.ingest.sentry.io/0123456';

export class Logger {
  public static init = () => {
    Sentry.init({
      dsn: SENTRY_DSN,
      integrations: [new Integrations.BrowserTracing()],
      tracesSampleRate: 1.0,
    });
  };

  public static error = (e?: Error) => {
    Sentry.captureException(e);
  };
}

useEffect(() => {
  throw new Error('Report an error automatically.');
}, []);

useEffect(() => {
  Sentry.error(new Error('Report an error manually.'));
}, []);