[JavaScript] React Router (v7) SDK

[chargome]

Description

This ticket is about supporting React Router v7 as a full meta-framework: https://reactrouter.com/start/framework/installation

This includes full instrumentation for both client and server side.

Overview

We will publish a new package @sentry/react-router.
To not carry over too much unneeded functionality like rsbuild support, non-otel instrumentation or support for older remix versions we will not build upon @sentry/remix and rather treat this as new SDK with the possibility of re-using remix otel instrumentation.

The starting point will be instrumenting the framework using @sentry/node and @sentry/react

Discussed approach for configuration and entrypoints:

• Create a Vite plugin for react router
• Create a wrapper for the react router config file for having access to all config params
• Create separate instrumentation files for client and server, which can be imported in the respective entry files (esm support possible)
• (Possibly) create a wrapper for the new routes.ts file
• we still need to check at which point this file is evaluated and if this will help us with parameterization
• for future compatibility this might be a good file to have from the start on

Additional tasks (issue creation tbd)

• Write a migration path from @sentry/remix to @sentry/react-router
• Wizard for @sentry/react-router

[intsanerarity]

hey,

im coming from Remix - used @sentry/remix before, but after upgrading to RRv7 there are dependencies which cant be there "react-router-dom" from some remix packages - so would be nice, if the new implementation will also work from former @sentry/remix users.

BR
Steven

[AbhiPrasad]

This probably needs to be a new package, and we also need to write out migration docs about how to go from @sentry/remix to @sentry/react-router.

[AlemTuzlak]

Anything I can do to help you guys?

[chargome]

@AlemTuzlak Not yet, we'll refine this ticket as soon as possible and provide a more detailed roadmap.

[willhoney7]

For others finding this before the full v7 framework support is available, here's the guide on how to get it working with the react and node integrations: https://docs.sentry.io/platforms/javascript/guides/react-router/. It was a bit hard for me to find, so sharing here.

[tomerzcod7]

Any updates on this guys? I'm integrating Sentry into our projects and we just upgraded to RR7 so we are waiting on this one :)

[andreiborza]

hi @tomerzcod7, thanks for showing interest! We are probably going to kick this off some time this week, you'll be able to follow progress on this tracking issue.