Vue tracing spans not finishing

[micopiira]

• Review the documentation: https://docs.sentry.io/
• Search for existing issues: https://github.com/getsentry/sentry-javascript/issues
• Use the latest release: https://github.com/getsentry/sentry-javascript/releases
• Provide a link to the affected event from your Sentry account

Package + Version

• @sentry/browser
• @sentry/node
• raven-js
• raven-node (raven for node)
• other: @sentry/vue

Version:

6.12.0 & 6.13.2

Description

When I have multiple Vue apps on the same page that share the same components the spans from the other app never finish. Log:

Sentry Logger [Log]: [Tracing] cancelling span since transaction ended early {
  "description": "Application Render",
  "op": "Vue",
  "parent_span_id": "a4a39e447a06bb47",
  "span_id": "bf933d53829cf04f",
  "start_timestamp": 1633088070.2207003,
  "status": "cancelled",
  "timestamp": 1633088085.1591,
  "trace_id": "f9ebcdfc843c4efeaa93d31758727bc0"
}

Minimal reproducible demo: https://codesandbox.io/s/sentry-vue-span-cancel-zx8bc?file=/src/main.js