🎯

sentry-react-setup

🎯Skill

from getsentry/sentry-agent-skills

What it does

Official Sentry skill for setting up error monitoring in React applications, covering @sentry/react installation, browser tracing integration, error boundaries, and session replay

Overview

Sentry React Setup is a skill that guides developers through installing and configuring Sentry error monitoring in React applications. It covers the full setup from npm installation through SDK initialization, error handling for both React 19+ and older versions, React Router integration, Redux integration, and source map uploads for readable stack traces.

Key Features

Complete Setup Workflow - Step-by-step guide from npm install @sentry/react through Sentry.init() configuration with tracing, session replay, and logging enabled
React Version-Aware Error Handling - Separate patterns for React 19+ (error hooks with createRoot) and React <19 (ErrorBoundary component) for proper error capture
React Router Integration - Support for React Router v4/v5, v6, and v7 with version-specific browser tracing integrations
Source Map Configuration - Automated source map upload via npx @sentry/wizard@latest -i sourcemaps for readable production stack traces
Redux Integration - Optional Redux store enhancement with Sentry.createReduxEnhancer() for tracking state changes alongside errors

Who is this for?

This is for React developers who want to add comprehensive error monitoring, performance tracing, and session replay to their applications using Sentry. It is ideal for teams setting up production error tracking who need version-aware configuration guidance for their specific React and routing setup.

📦

Same repository

getsentry/sentry-agent-skills(23 items)

sentry-react-setup

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add getsentry/sentry-agent-skills --skill sentry-react-setup

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add getsentry/sentry-agent-skills --skill sentry-react-setup

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/sentry-react-setup/SKILL.md

SKILL.md

1,034Installs

Last UpdatedJan 16, 2026

View on GitHub Back to Skills

More from this repository10

🎯

sentry-fix-issues🎯Skill

Identifies and fixes issues reported in Sentry, from the official Sentry Agent Skills for debugging production errors and leveraging Sentry's observability platform.

🎯

sentry-setup-ai-monitoring🎯Skill

Official Sentry skill for setting up AI agent monitoring to track LLM calls, agent executions, tool usage, and token consumption across OpenAI, Anthropic, Vercel AI, LangChain, and Google GenAI

🎯

sentry-pr-code-review🎯Skill

Official Sentry skill for reviewing and fixing issues identified by Seer Bug Prediction in GitHub PR comments, including fetching Sentry feedback and resolving findings

🎯

sentry-setup-logging🎯Skill

Agent skills for setting up Sentry structured logging in JavaScript, Python, and Ruby, including integration with logging libraries like Pino, Winston, and Loguru.

🎯

sentry-setup-tracing🎯Skill

Official Sentry skill for setting up performance monitoring with tracing, tracking transactions and spans across JavaScript, Python, and Ruby with custom instrumentation support

🎯

sentry-setup-metrics🎯Skill

An official Sentry agent skill providing setup guidance for metrics collection, performance monitoring, and observability configuration across supported platforms.

🎯

sentry-create-alert🎯Skill

Agent skills for setting up Sentry structured logging in JavaScript, Python, and Ruby, including integration with logging libraries like Pino, Winston, and Loguru.

🎯

sentry-react-native-setup🎯Skill

Sets up Sentry error monitoring in React Native projects with automatic SDK installation and configuration, from the official Sentry Agent Skills.

🎯

sentry-nextjs-sdk🎯Skill

Official Sentry agent skill for Next.js SDK integration. Guides AI agents through setting up Sentry error monitoring, tracing, and observability in Next.js applications.

🎯

sentry-python-setup🎯Skill

Official Sentry Python setup skill for installing and configuring Sentry error monitoring in Python applications including Django, Flask, and FastAPI with tracing and profiling support