What problem does it solve?
Provides a complete, opinionated setup to add Sentry observability to React applications so teams can capture unhandled exceptions, user session context, navigation and API tracing, session replays, profiling, and structured logs without manual, piecemeal instrumentation.
Core Features & Use Cases
- Error monitoring with React error boundaries and React 19+ createRoot hooks for global error capture.
- Tracing for pageloads, navigations and HTTP requests with router-aware integrations for React Router (v5–v7) and TanStack Router.
- Session Replay, logging, and optional browser profiling plus Redux integration to attach state and breadcrumbs to error reports.
- Source map upload and bundler plugin guidance for Vite, webpack, and CRA to ensure readable stack traces in production.
- Use case: set up Sentry in a Vite React SPA with Redux and react-router, enable tracesSampleRate and source map uploads, and verify events and replays appear in the Sentry dashboard.
Quick Start
Add a top-level instrument file that calls the Sentry init flow with your DSN, tracing and replay integrations, import it as the very first line of your app entry point, and configure the bundler plugin or sentry-cli to upload source maps.