TypeError: Sentry.thirdPartyErrorFilterIntegration is not a function

[hamiltonskraba]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

Sentry Browser Loader

SDK Version

8.x.0

Framework Version

No response

Link to Sentry event

No response

Reproduction Example/SDK Setup

			// Configure sentryOnLoad before adding the Loader Script
			window.sentryOnLoad = function() {
					Sentry.init({
							dsn: '{{ config('sentry-browser.public_dsn') }}',
							environment: {!! json_encode(App::environment()) !!},
							integrations: [
									Sentry.captureConsoleIntegration({
											levels: ['warn', 'error']
									}),
									Sentry.thirdPartyErrorFilterIntegration({
											filterKeys: ['am-web-filter-key'],
											behaviour: 'apply-tag-if-contains-third-party-frames',
									}),
							],
							beforeSend(event) {
									if (!event?.message) return event;

									const isIgnoredMessage = consoleIgnores.some(ignore => event
											.message.includes(ignore));

									return isIgnoredMessage ? null : event;
							},
							denyUrls: [
									//redacted
							],
							ignoreErrors: [
									//redacted
							],
					});

					Sentry.lazyLoadIntegration("captureConsoleIntegration").then(
							(integration) => {
									Sentry.addIntegration(integration());
							},
					);
			};
	</script>

Steps to Reproduce

• Updated script loader in web app to 8.x.0
• Included thirdPartyErrorFilterIntegration config
• Ensured app key defined in vite config

Expected Result

thirdPartyErrorFilterIntegration should work

Actual Result

browser console errors: Sentry.thirdPartyErrorFilterIntegration is not a function

Contacted support; they informed me that the bundle containing the feature hasn't been created yet and suggested creating a ticket here

[lforst]

Hi, generally it would make sense to export this integration, however it will likely not work with our loader. The integration filters based on "marked" events, and since the loader is not marked by the vite plugin, it would drop (or tag) all events that includes stack frames with the loader script in it - which very likely would be almost all of them because the SDK wraps a lot of functions. We will document that the loader script doesn't support the integration though.

[lforst]

getsentry/sentry-docs#11053

[navin-moorthy]

@lforst, how can we enable this if not using Loader SDK or CDN? NPM install?

Docs says that it's available using Browser based SDK.

[lforst]

Correct, if you install (and use!) the SDK exclusively via npm (and not via the CDN!), you can use it as the docs describe. Don't mix npm and the CDN though. The integration will not work with the CDN or loader.