INP transaction tag not matching pageload transaction

[edwardgou-sentry]

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/browser

SDK Version

8.9.2

Framework Version

@sentry/remix

Link to Sentry event

https://daily-habits-ben-coe-test-orga.sentry.io/insights/browser/pageloads/?project=4507062370107392&statsPeriod=14d

SDK Setup/Reproduction Example

Sentry.init({
  debug: true,
  dsn: 'https://9736cd89fad569a4016ba7ce0d2a79c0@o4506956365430784.ingest.us.sentry.io/4507062370107392',
  tracesSampleRate: 1,
  integrations: [
    Sentry.browserTracingIntegration({
      useEffect,
      useLocation,
      useMatches,
    }),
  ]
});

Here's the repo:
https://github.com/bcoe/happ

Steps to Reproduce

The transaction name attribute on INP spans don't match the transaction names for pageloads. This causes INPs and Pageloads to not be grouped under the same route/transaction name in the Webvitals UI

Expected Result

The pageload transaction name is picked up as routes/habits. The transaction for INPs occurring on this page should also be routes/habits

Actual Result

[edwardgou-sentry]

cc @bcoe