Support Tanstack Router for performance instrumentation

[cstavitsky]

Problem Statement

Currently Sentry supports React Router. This request is to provide an official Tanstack Router integration.

Solution Brainstorm

Create an official Tanstack Router integration that has more-or-less feature parity with the existing React Router integration.

If you would like to see support for this, please leave a comment/reaction. That helps us prioritize accordingly. Thanks!

┆Issue is synchronized with this Jira Improvement by Unito

[AbhiPrasad]

Tanstack Router has released v1 https://tanstack.com/router/v1

[maxstue]

Are there any plans for this ? Or did someone find a way to make it work ?

[AbhiPrasad]

No current plans given we are busy working on the new major version of JS SDK, v8.

If you would like to add your own instrumentation, take a look at the react router integration. You should be able to do something very similar. https://github.com/getsentry/sentry-javascript/blob/d024a7695a47cdc17ef63a4b9cf190a3df56899b/packages/react/src/reactrouterv6.tsx#L73

[enaluz]

Is there any guidance in building my own instrumentation? I spent a little bit of time reading through the source code but didn't fully understand what everything is for.

[AbhiPrasad]

Here's a PR - https://github.com/getsentry/sentry-javascript/pull/12095 - we'll try to get this merged in as soon as we can!

[lforst]

The TanStack Router integration was just released in version 8.7.0! Here are the docs: https://docs.sentry.io/platforms/javascript/guides/react/features/tanstack-router/