getsentry avatar

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-code

Installs 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
1oakoss avatarui-ux-polishoakoss/agent-skillsIterative UI/UX polishing workflow for web applications. Use when improving visual polish, refining desktop and mobile UX separately, running iterative enhancem559skills.sh installs
2aj-geddes avatarfrontend-testingaj-geddes/useful-ai-promptsImplement comprehensive frontend testing using Jest, Vitest, React Testing Library, and Cypress. Use when building robust test suites for UI and integration tes514skills.sh installs
3galaxy-dawn avatarui-ux-pro-maxgalaxy-dawn/claude-scholarThis skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography, improve accessibility, o514skills.sh installs
4aj-geddes avatarreact-native-appaj-geddes/useful-ai-promptsBuild cross-platform mobile apps with React Native. Covers navigation with React Navigation, state management with Redux/Context API, API integration, and platf508skills.sh installs
5davila7 avatarreact-patternsdavila7/claude-code-templatesModern React patterns and principles. Hooks, composition, performance, TypeScript best practices.503skills.sh installs
6davila7 avatarreact-devdavila7/claude-code-templatesThis skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components a498skills.sh installs