Document comparison between App Only vs. Full in React projects

[SevenOutman]

Package + Version

• @sentry/browser
• @sentry/node
• raven-js
• raven-node (raven for node)
• other:

Version:

6.8.0

Description

It's confusing when the "App Only" view is showing stack trace only from inside node_modules. Doesn't "App Only" mean "everything except within node_modules" for NPM projects?

Here's the "Full" view where the full stack trace is shown correctly.

[kamilogorek]

That is the correct assumption. The reason why it's not working as expected is that some webpack configuration variants are creating non-standard paths. Eg. in this case it's not webpack://./your/files which is standard we handle - https://github.com/getsentry/sentry/blob/master/src/sentry/lang/javascript/processor.py#L1023-L1024

As you can see in the code above, its not trivial to decide what is actually "in-app" when using webpack, as there are things like various node_modules paths, external, boostrap keywords etc.

To configure this properly, you need to use Stack Trace Rules in grouping settings of your project - https://docs.sentry.io/product/data-management-settings/event-grouping/stack-trace-rules/

In your case, it'll be something like that

stack.abs_path:webpack://devops-fe/./src/** +app

Hope that helps!

[SevenOutman]

@kamilogorek Thanks for your explanation! But I can't find this Stack Trace setting in my Sentry instance. Is it available in v9 releases?

[kamilogorek]

@SevenOutman grouping settings used to be a part of the project's General Settings, now they get it's own page. Maybe it can be found there?

[kamilogorek]

This should be fixed soon - getsentry/sentry#28859

[SevenOutman]

@SevenOutman grouping settings used to be a part of the project's General Settings, now they get it's own page. Maybe it can be found there?

No luck in my Sentry 9.1.2 installation :(

[Daniel15]

I can confirm that this is fixed in 21.10.0. Thanks @kamilogorek!

[kamilogorek]

Thanks for getting back with the confirmation @Daniel15