
Sentry React Sdk
This is a complete setup wizard for instrumenting React apps with Sentry's error monitoring, tracing, session replay, and logging. It detects your React version (handles both the new React 19 error handler hooks and pre-19 ErrorBoundary patterns), figures out your router (React Router v5/v6/v7, TanStack), state management (Redux enhancer config), and build tool (Vite or webpack source map plugins), then walks you through the actual integration code with correct import paths and initialization order. The detection phase is smart about sniffing package.json and adjacent directories to suggest cross-service trace linking if you've got a backend sitting next door. Solid if you want proper Sentry coverage without hunting through their docs for the right integration incantations.
- skills.sh installs
- 586
- GitHub stars
- 25
- last updated
- Aug 21, 2026
Install
$ npx -y skills add getsentry/sentry-agent-skills --skill sentry-react-sdk --agent claude-codeInstalls into .claude/skills of the current project.
Files
Sentry React SDK
Opinionated wizard that scans your React project and guides you through complete Sentry setup.
Invoke This Skill When
- User asks to "add Sentry to React" or "set up Sentry" in a React app
- User wants error monitoring, tracing, session replay, profiling, or logging in React
- User mentions
@sentry/react, React Sentry SDK, or Sentry error boundaries - User wants to monitor React Router navigation, Redux state, or component performance
Note: SDK versions and APIs below reflect current Sentry docs at time of writing (
@sentry/react≥8.0.0). Always verify against docs.sentry.io/platforms/javascript/guides/react/ before implementing.
Phase 1: Detect
Run these commands to understand the project before making any recommendations:
# Detect React version
cat package.json | grep -E '"react"|"react-dom"'
# Check for existing Sentry
cat package.json | grep '"@sentry/'
# Detect router
cat package.json | grep -E '"react-router-dom"|"@tanstack/react-router"'
# Detect state management
cat package.json | grep -E '"redux"|"@reduxjs/toolkit"'
Sponsors
Details
- Repository
- github.com/getsentry/sentry-agent-skills
- Categories
- Frontend Development, DevOps & CI/CD, AI & Agent Building, Debugging
- First seen
- Jun 3, 2026
More from getsentry/sentry-agent-skills
All 20- Sentry React Native Sdk549
- Sentry Sdk Skill Creator422
- Sentry Python Sdk384
- Sentry Cocoa Sdk334
- Sentry Go Sdk321
- Sentry Svelte Sdk319
- Sentry Ruby Sdk311
- Sentry Otel Exporter Setup304
- Sentry Dotnet Sdk303
- Sentry Setup Logging289
- Sentry Setup Tracing253
- Sentry Setup Metrics209
- Sentry React Native Setup150
- Sentry Fix Issues2.6K
- Sentry React Setup1.1K
- Sentry Setup Ai Monitoring900
- Sentry Nextjs Sdk665
- Sentry Pr Code Review637
- Sentry Create Alert596