Support for chrome lowend browser #16069
Description
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)
- 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