react-router v7 SDK doesn't re-export from `@sentry/react` and is missing `withProfiler`

[derekr]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/react-router

SDK Version

^9.24.0

Framework Version

react 19.0.0 react-router "7.0.0"

Link to Sentry event

No response

Reproduction Example/SDK Setup

Sentry.init({
	dsn: SENTRY_DSN,
	environment: getPublicEnvValue('APP_ENV') ?? 'production',
	release: getPublicEnvValue('RELEASE_VERSION'),
	tracesSampler: ({ name, parentSampled }) => {
		if (getPublicEnvValue('APP_ENV') === 'development' && SENTRY_SPOTLIGHT) {
			return 1;
		}
		// Skip trace sampling for non-production environments
		if (getPublicEnvValue('APP_ENV') !== 'production') return false;

		if (name.startsWith('navigation')) {
			return 1;
		}

		if (typeof parentSampled === 'boolean') {
			return parentSampled;
		}

		return 0.25;
	},
	profilesSampleRate: 1, // relative to traces sample rate
	replaysSessionSampleRate: 0,
	replaysOnErrorSampleRate: 0,
	tracePropagationTargets: ['localhost', /^https:\/\/charts\.basedash\.com\//],
	integrations: [
		Sentry.reactRouterTracingIntegration(),
		/**
		 * https://docs.sentry.io/platforms/javascript/guides/remix/configuration/integrations/extraerrordata
		 */
		Sentry.extraErrorDataIntegration(),
		Sentry.browserTracingIntegration(),
		Sentry.browserProfilingIntegration(),
		Sentry.replayIntegration({
			// Additional SDK configuration goes in here, for example:
			maskAllText: true,
			blockAllMedia: true,
		}),
	],
});

Steps to Reproduce

1. Setup Sentry per documentation for react-router v7 framework mode
2. Try to wrap app component (or any component with Sentry.withProfiler

Maybe related, but the reactComponentAnnotation feature is not working either #16471

Expected Result

I can wrap my component(s) with withProfiler and receive react spans.

Actual Result

I can't wrap my component with withProfiler.

[s1gr1d]

Hello, you are right that it's not re-exporting from @sentry/react. It's mainly because @sentry/react contains exports like reactRouterV6BrowserTracingIntegration which would cause confusion. It's however totally valid to export at least some other functions!