How to add thirdPartyErrorFilterIntegration in NextJS?

[canopy-cj]

I'm trying to filter errors coming from chrome extensions or other CDN that's added to the app. From looking at the document, it suggested to use webpack plugin directly in nextjs. But, in the manual setup, it asks to use @sentry/nextjs instead of webpack plugin for nextjs. I'm quite confused how to implement thirdPartyErrorFilterIntegration feature in nextjs.

I've also tried to see if there is a key applicationKey to pass in withSentryConfig but couldn't find the option. What's the best approach to setup thirdPartyErrorFilterIntegration in nextjs?

Any feedback is greatly appreciated!

[canopy-cj]

Actually solved it adding below in sentryConfig in next.config.js

export default withSentryConfig(nextConfig, {
  org: "...",
  project: "...",

  unstable_sentryWebpackPluginOptions: {
    applicationKey: 'YOUR_APPLICATION_KEY',
  },
});

[pat-encoura]

Do you know if there are any plans to mark this as stable?

[canopy-cj]

🤷‍♂️ I'm not sure.