Bundle size increases when using Sentry.ErrorBoundary

[drxcheng]

My project is using "@sentry/react": "^9.12.0",

I noticed drastic change in the bundle size if I use Sentry.ErrorBoundary - from 70k to 350k. See the below pictures:

without ErrorBoundary

with ErrorBoundary

The project doesn't need and is not using features like tracing and replay. I even try to include nothing in integrations when init. I also tried adding this to webpack config but still can't reduce the size.

      new webpack.DefinePlugin({
        __SENTRY_DEBUG__: false,
        __SENTRY_TRACING__: false,
        __RRWEB_EXCLUDE_IFRAME__: true,
        __RRWEB_EXCLUDE_SHADOW_DOM__: true,
        __SENTRY_EXCLUDE_REPLAY_WORKER__: true,
      }),

Any idea? Thank you!

[AbhiPrasad]

Your bundling setup is not treeshaking properly, it's including the entire bundle when importing the error boundary. What bundler are you using?

[drxcheng]

found the solution here: #6886 (comment)

[drxcheng]

avoid export default Sentry everywhere