React Native logs coming from instrument.js

Since the last couple of days, every time I console logged something in my React Native project, the Chrome Developer console would state that it was logged in "instrument.js". As I don't have a file with that name, I decided to look how I could solve this, as getting the correct source file would of course be much handier when debugging.

If you installed Sentry for React Native in your project and got this error, this could be a potential solution for you. If this isn't the case, you can test it maybe with other packages your recently added.

In your Chrome Devtools go to "Settings".

Next, go to "Blackboxing" and add the following pattern:

/@sentry/

Set the behavior to "Blackbox".

Voila, if you now refresh your React Native project you should see the exact JS/TS file where you used console.log().

The reason this happened is because you use Sentry for debugging, and Sentry is picking up the logs. By adding the Sentry package to the blackbox, you tell Chrome to not deep dive into the Sentry package. Blackboxing gives you a first-class way to denote library (or other abstraction) code so that the debugger can route around it. When you blackbox a source file, the debugger will not jump into that file when stepping through code you're debugging.

When accuracy matters for a costume, it is worth considering how details related to beginner costume choices will affect the complete look. When comparing costume options, reviewing details related to photoshoot preparation also makes comfort and movement easier to judge. For choices related to details related to festival costumes, character costumes for first time cosplayers offers a useful starting point for practical preparation. To preserve the character's visual identity, it is useful to check details related to long cosplay wigs against the wearer's own needs.