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

7.94.1

Framework Version

Vue 3.4.15

Link to Sentry event

https://sentry.aniday.io/share/issue/94391781baa34b2b9a3d40d3d21a70c8/

SDK Setup

  Sentry.init({
    app,
    dsn: import.meta.env.VITE_APP_SENTRY_URL,
    integrations: [
      new Sentry.BrowserTracing({
        routingInstrumentation: Sentry.vueRouterInstrumentation(router),
      }),
      new Sentry.Replay({
        maskAllText: false,
        maskAllInputs: false,
        blockAllMedia: false,
        block: ['img', 'video', 'object', 'picture', 'embed', 'map', 'audio'],
      }),
    ],
    tracesSampleRate: 1.0,
    replaysSessionSampleRate: 0.1,
    replaysOnErrorSampleRate: 1.0,
  });

Steps to Reproduce

I am having a problem with the session replays in sentry.

We recently setup sentry and sometimes when opening different pages in our system a lot of "toLowerCase" errors are displayed in the console. The errors are triggered by a mouse move event from sentry causing the clients PC to become very laggy and slow.

Atm our sentry is loaded into VueJS and for the time beeing vuejs is only a part of our total system.
Since the rest of the system loads pages using Ajax and the vuejs index gets loaded anywere, sentry is loaded by default

It may also have something to do with the cloudflare rocket-loader as i saw that come by once in sentry's errors.

Expected Result

In this case the expected result would be that it doesn't spam the user with errors on the mouse event. And not slow down thier PC.

For now as a temporary fix in our production we have had to disabled the sentry replays.

Actual Result

These are a few screenshots of it happening in the console: