[react] Click Breadcrumbs missing in Replays

[sdzhong]

[billyvg]

@mydea so it looks like npm and yarn handle this differently... when using yarn, it functions as expected where replay and @sentry/browser call the same instrumentation handler (utils/src/instrument/_handlers) and has the same handlers in scope.

However npm behaves differently and has them as separate modules.

(I had mentioned in Slack that this was due to outdated @sentry/webpack-plugin, but I tried yarn with the older version, and it seems to work fine). Not sure what the ideal solution is here

[billyvg]

npm version 10 also seems to work

[sdzhong]

@billyvg do you know if this is this due to an SDK bug or an NPM limitation?

[mydea]

So, did you check if the versions in the lockfile were actually aligned @billyvg ?
AFAIK, as long as there is only a single version (!) of e.g. @sentry/utils in the lockfile, all packages should use the same and it should work. But if there are two different versions, stuff starts to fail this way.

[billyvg]

@mydea I did, we rm'd the lockfile (and node_modules) and re-generated it. npm v8 still fails, but v10 works as expected.

[mydea]

Damn, that sucks! I wonder, if this is really the expected behavior of old npm, why we never heard of this before...

[sdzhong]

Damn, that sucks! I wonder, if this is really the expected behavior of old npm, why we never heard of this before...

Speaking for myself, it was simply not noticed for the many months that it's been available.