Support for chrome lowend browser

[midhunem42]

Low-End Browser Compatibility Issue with @sentry/react (ESM Output)
Context:
We are integrating @sentry/react into our web application for error monitoring. The current version of @sentry/react outputs an ECMAScript Module (ESM) build by default.

Issue:
Low-end or legacy browsers (such as Internet Explorer 11 or older chrome browser) do not support ESM. As a result, our application fails to load or throws runtime errors when accessed from such browsers.

Root Cause:

The ESM output from @sentry/react uses modern JavaScript syntax (e.g., import/export, arrow functions, etc.).

These syntax features are not transpiled or polyfilled in ESM builds, leading to immediate syntax errors in unsupported browsers.

Browsers without ESM support cannot parse or execute ESM scripts, and fallback to no script loading.

Impact:

• Application crashes or fails to load for users on unsupported browsers.
• Potential loss of monitoring for those sessions, defeating the purpose of error reporting.
• Degraded user experience on older or constrained devices.

Solution Brainstorm

Use a Legacy-Compatible Build (if available)

1. Goal: Use a CommonJS (CJS) or UMD version of Sentry instead of the ESM version.

Are there any alternative methods to support low-end browsers?

Product Area

Other

[getsantry]

Auto-routing to @getsentry/product-owners-issues for triage ⏲️

[AbhiPrasad]

Hey @midhunem42 thanks for opening an issue.

We are not going to support older browsers with our default CDN bundle or npm package. We recommend bundling and polyfilling the SDK code to support older browser versions via tooling like babel.

You can use something like https://github.com/browserslist/browserslist to configure what browsers you want to support, which will be picked up by babel. This should be supported by bundlers like webpack, rollup, and vite.

• Vite legacy plugin: https://github.com/vitejs/vite/tree/main/packages/plugin-legacy
• Webpack babel loader: https://webpack.js.org/loaders/babel-loader/
• Rollup babel plugin: https://www.npmjs.com/package/@rollup/plugin-babel