Sentry in Vue app causes recursion #9761
Description
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?
Self-hosted/on-premise
Which SDK are you using?
@sentry/vue
SDK Version
23.8.0
Framework Version
"@sentry/vue": "^7.61.0", "vue": "^2.6.10", "vue-router": "^3.0.3",
Link to Sentry event
No response
SDK Setup
No response
Steps to Reproduce
Sentry.init({
Vue,
dsn: `${
process.env.NODE_ENV === 'development'
? 'https://69c674b10e1'
: 'https://b4982ca6f'
}`,
environment: `${process.env.NODE_ENV === 'production' ? 'production' : 'test'}`,
replaysOnErrorSampleRate: 1.0,
integrations: [
new Sentry.BrowserTracing({
routingInstrumentation: Sentry.vueRouterInstrumentation(router, {
routeLabel: 'path'
})
}),
new Sentry.Replay({})
]
});Expected Result
/
Actual Result
Property or method "nativeEvent" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
Property or method "stopPropagation" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
Property or method "preventDefault" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.