sentry-react-setup

Sentry error monitoring, session replay, and tracing for React applications. Install and configure Sentry in React projects. Important: The configuration options and code samples below are examples. Always verify against docs.sentry.io before implementing, as APIs and defaults may have changed. Create instrument.js in your project root (must be imported first in your app): Use error hooks with createRoot : Use ErrorBoundary component: Upload source maps for readable stack traces: Note: The SDK reads SENTRY_DSN automatically. If using Create React App, prefix with REACT_APP_ ; for Vite, use VITE_ . SENTRY_AUTH_TOKEN / ORG / PROJECT are used by sentry-cli for source map uploads, not by the browser SDK. Add test button to trigger error: - Install @sentry/react and initialize via instrument.js (imported first in your entry point) with DSN configuration - Supports error capture via React 19+ error hooks or ErrorBoundary component for earlier versions - Includes browser tracing, session replay, and Redux integration; router integrations available for React Router (v4–v7) and TanStack Router - Source map upload via @sentry/wizard enables readable stack traces in production - User asks to "add Sentry to React" or "install Sentry" in a React app - User wants error monitoring, logging, or tracing in React - User mentions "@sentry/react" or React error boundaries