Sentryをreact.jsプロジェクトへ適用する
公式サイト の見ながらreact.jsプロジェクトにSentryを適用してみました。 バージョン react 17.0.1 Sentry @sentry/react 6.2.5 @sentry/tracing 6.2.5 Sentryへプロジェクト追加及び設定 Sentryへログイン後、プロジェクト作成。 Client Keys (DSN)メニューに書いてある、DSNキーをコピーしておきます。 sentry パッケージインストール npm install --save @sentry/react @sentry/tracing index.jsにSentryを初期化するコードを追加します。 import React from "react"; import ReactDOM from "react-dom"; import * as Sentry from "@sentry/react"; import { Integrations } from "@sentry/tracing"; import App from "./App"; import "./index.css"; Sentry.init({ // 全ての環境に設定時 dsn: "https://xxxxxxxxxxxxxxxxxxxxxxxxxxx@xxxxxx.ingest.sentry.io/xxxxx", // productionのみ設定時 dsn: process.env.NODE_ENV === "production" ? "https://xxxxxxxxxxxxxxxxxxxxxxxxxxx@xxxxxx.ingest.sentry.io/xxxxx" : false, integrations: [new Integrations.BrowserTracing()], environment: process.env.NODE_ENV, tracesSampleRate: 1....