[Replay] Uncaught TypeError: debounce.default is not a function

[dryisf]

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 package are you using?

@sentry/browser

SDK Version

7.24.2

Framework Version

React 16.14.0

Link to Sentry event

No response

Steps to Reproduce

npm install @sentry/browser @sentry/replay

Sentry.init({ dsn: process.env.SENTRY_DSN, replaysSessionSampleRate: 1.0, replaysOnErrorSampleRate: 1.0, integrations: [new Replay()], });

Expected Result

No crash

Actual Result

Application crashing with this error : Uncaught TypeError: debounce.default is not a function

The error is triggered in @sentry/replay/cjs/replay.js line 109:
this._debouncedFlush = debounce.default(() => this.flush(), this.options.flushMinDelay, { maxWait: this.options.flushMaxDelay, });

It should be instead :
this._debouncedFlush = debounce(() => this.flush(), this.options.flushMinDelay, { maxWait: this.options.flushMaxDelay, });

[mydea]

Hi there, thank you for the bug report.
I believe this probably has something to do with common js. Actually we will inline the lodash dependency in the next release, which should hopefully resolve this!

[mydea]

Hi, this should be fixed in 7.25! Let me know if you still encounter the issue.