Sentry v7 breaking entire js system in Next.js

[Noitidart]

Is it possible to make Next.js bundler transpile Sentry package into ES5?

I upgraded my Sentry to v7 but they say they default bundle.min.js to ES6 instead of ES5. I think this is the root cause of breaking my entire JS on older browsers. Others have the same issue here but no solution - getsentry/sentry-javascript#5452

Sentry in the release notes here say this:

Default bundle.min.js to ES6 instead of ES5. ES5 bundles are still available at bundle.es5.min.js. (getsentry/sentry-javascript#4958)

I am using Typescript next template.

[Babbili]

@Noitidart are you using Next Js with TypeScript or JavaScript ?
if with TypeScript adjust that in tsconfig.json file

{
  "compilerOptions": {
    "target": "es5",   // or "es6"
    
  }
}

[Noitidart]

Thanks very much for your reply.

I need es5 output right? As browsers don't have all the es6 capabilities.

[Babbili]

@Noitidart then if you are loading Sentry from CDN this is the one for ES5 in their Docs

<script
  src="https://browser.sentry-cdn.com/7.7.0/bundle.es5.min.js"
  integrity="sha384-cS2OTFeQyQ67AqPZ5Eu8P/sY+QUBo2bRzUkWMN4cbg1py5fU/xYc+EyU8/gSMQGn"
  crossorigin="anonymous"
></script>

[Noitidart]

Oh thank you! Is there a way to do this without using CDN? I was hoping to not introduce a script tag. Sincerely appreciate your help!

[Babbili]

you're welcome, i havn't seen any clue about npm packages in their Docs or in migration.md, it could be a --flag while installing v7 via npm,
but the CDN script would work in next/head

[Noitidart]

Ah got it, thanks very much. I'll be on the look out to see and share what I learn. As when I import it I get all the typesafety and declaritive imports for maintainability. I'll avoid the CDN solution for now.

[lobsterkatie]

See getsentry/sentry-javascript#5452 for further discussion and getsentry/sentry-javascript#5472 for a fix.

[Noitidart]

Thank you Sentry team for helping Next.js users stay true to the pitch that got us here of zero configuration!