sentry-react-sdk

All Skills > SDK Setup > React SDK Opinionated wizard that scans your React project and guides you through complete Sentry setup. If project is React Router Framework mode using @sentry/react-router , use sentry-react-router-framework-sdk instead of this skill. 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. Run these commands to understand the project before making any recommendations: What to determine: Present a concrete recommendation based on what you found. Don't ask open-ended questions — lead with a proposal: Recommended (core coverage): Optional (enhanced observability): Recommendation logic: React-specific extras: Propose: "I recommend setting up Error Monitoring + Tracing + Session Replay. Want me to also add Logging or Profiling?" Sentry must initialize before any other code runs . Put Sentry.init() in a dedicated sidecar file: DSN environment variable by build tool: Import instrument.ts as the very first import in your entry file: React 19+ — use reactErrorHandler() on createRoot : React for any sub-tree that should catch errors independently (route sections, widgets, etc.).