feat(react-router): Set url.template, url.path and url.full on pageload and navigation spans

[Lms24]

Applies url.template, url.path and url.full to pageload and navigation root spans for the @sentry/react-router framework integration, including fixes for trailing-slash handling and additional navigation span coverage.

part of #21921

[github-actions]

size-limit report 📦

⚠️Warning: Base artifact is not the latest one, because the latest workflow run is not done yet. This may lead to incorrect results. Try to re-run all tests to get up to date results.

Path	Size	% Change	Change
@sentry/browser	27.59 kB	-	-
@sentry/browser - with treeshaking flags	26.03 kB	-	-
@sentry/browser (incl. Tracing)	46.34 kB	-	-
@sentry/browser (incl. Tracing + Span Streaming)	48.13 kB	-	-
@sentry/browser (incl. Tracing, Profiling)	51.12 kB	-	-
@sentry/browser (incl. Tracing, Replay)	85.62 kB	-	-
@sentry/browser (incl. Tracing, Replay) - with treeshaking flags	75.26 kB	-	-
@sentry/browser (incl. Tracing, Replay with Canvas)	90.32 kB	-	-
@sentry/browser (incl. Tracing, Replay, Feedback)	102.97 kB	-	-
@sentry/browser (incl. Feedback)	44.76 kB	-	-
@sentry/browser (incl. sendFeedback)	32.38 kB	-	-
@sentry/browser (incl. FeedbackAsync)	37.51 kB	-	-
@sentry/browser (incl. Metrics)	28.67 kB	-	-
@sentry/browser (incl. Logs)	28.91 kB	-	-
@sentry/browser (incl. Metrics & Logs)	29.59 kB	-	-
@sentry/react	29.38 kB	-	-
@sentry/react (incl. Tracing)	48.61 kB	-	-
@sentry/vue	33.03 kB	-	-
@sentry/vue (incl. Tracing)	48.24 kB	-	-
@sentry/svelte	27.61 kB	-	-
CDN Bundle	30 kB	-	-
CDN Bundle (incl. Tracing)	48.32 kB	-	-
CDN Bundle (incl. Logs, Metrics)	31.57 kB	-	-
CDN Bundle (incl. Tracing, Logs, Metrics)	49.64 kB	-	-
CDN Bundle (incl. Replay, Logs, Metrics)	70.81 kB	-	-
CDN Bundle (incl. Tracing, Replay)	85.84 kB	-	-
CDN Bundle (incl. Tracing, Replay, Logs, Metrics)	87.14 kB	-	-
CDN Bundle (incl. Tracing, Replay, Feedback)	91.64 kB	-	-
CDN Bundle (incl. Tracing, Replay, Feedback, Logs, Metrics)	92.92 kB	-	-
CDN Bundle - uncompressed	89.35 kB	-	-
CDN Bundle (incl. Tracing) - uncompressed	146.1 kB	-	-
CDN Bundle (incl. Logs, Metrics) - uncompressed	94.05 kB	-	-
CDN Bundle (incl. Tracing, Logs, Metrics) - uncompressed	150.07 kB	-	-
CDN Bundle (incl. Replay, Logs, Metrics) - uncompressed	218.78 kB	-	-
CDN Bundle (incl. Tracing, Replay) - uncompressed	265.3 kB	-	-
CDN Bundle (incl. Tracing, Replay, Logs, Metrics) - uncompressed	269.26 kB	-	-
CDN Bundle (incl. Tracing, Replay, Feedback) - uncompressed	279 kB	-	-
CDN Bundle (incl. Tracing, Replay, Feedback, Logs, Metrics) - uncompressed	282.95 kB	-	-
@sentry/nextjs (client)	51.16 kB	-	-
@sentry/sveltekit (client)	46.75 kB	-	-
@sentry/core/server	78.42 kB	-	-
@sentry/core/browser	64.74 kB	-	-
@sentry/node-core	62.72 kB	-	-
@sentry/node	125.36 kB	-	-
@sentry/node (incl. diagnostics channel injection)	135 kB	-	-
@sentry/node/import (ESM hook with diagnostics-channel injection)	69.95 kB	-	-
@sentry/node/light	50.72 kB	+0.01%	+1 B 🔺
@sentry/node - without tracing	74.05 kB	-	-
@sentry/aws-serverless	85.5 kB	+0.01%	+1 B 🔺
@sentry/cloudflare (withSentry) - minified	181.71 kB	-	-
@sentry/cloudflare (withSentry)	449.16 kB	-	-

View base workflow run

[cursor]

Cursor Bugbot has reviewed your changes and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit f841e71. Configure here.}

[sentry]

Bug: In hydratedRouter.ts, numeric navigations like navigate(-1) are incorrectly treated as path segments, leading to malformed telemetry URLs and transaction names.
_{Severity: MEDIUM}

Suggested Fix

In hydratedRouter.ts, add special handling for numeric navigation arguments, similar to the logic in createClientInstrumentation.ts. Before calling resolveNavigateAbsoluteUrl, check if the navigation argument is a number. If it is, use the current pathname to generate the transaction name and URL, rather than treating the number as a relative path.

Prompt for AI Agent

Review the code at the location below. A potential bug has been identified by an AI
agent. Verify if this is a real issue. If it is, propose a fix; if not, explain why it's
not valid.
Location: packages/react-router/src/client/hydratedRouter.ts#L65-L68
Potential issue: When the router is used in a mode without the Instrumentation API,
numeric navigations (e.g., `router.navigate(-1)`) are handled incorrectly by
`hydratedRouter.ts`. The numeric argument is passed to `resolveNavigateAbsoluteUrl`,
which treats it as a path segment. This results in malformed telemetry URLs (e.g.,
`https://example.com/current/path/-1`) and incorrect transaction names (e.g., `"-1"`).
This behavior is inconsistent with the correct handling in
`createClientInstrumentation.ts`, which properly identifies numeric navigations and uses
the current pathname.

Also affects:

• packages/react-router/src/client/utils.ts:76~85