Devtools steps into ignored files and makes debugging very annoying

[3flippa]

The image speaks for itself.

Detours into third-party files really distract from the debugging process. That’s why Chrome DevTools includes an "Ignore List" feature—but for some reason, it doesn’t seem to be doing what it's supposed to.

Everyone is always saying, "Don’t use console.log to debug." But when tools like this don’t behave as expected, it’s no wonder so many JavaScript developers never truly learn how to debug effectively.

In addition to that (could be an Expo/Metro-related thing), the files in the left pane are never shown in any kind of folder structure—they’re just listed one after another, with long and unreadable paths like this:
http://192.168.0.206:8081/workspaces/clients/app/src/index.ts.bundle//C:\Users\user\Develop\app\node_modules\@babel\runtime\helpers\objectDestructuringEmpty.js (from source map) (ignore listed)

[3flippa]

just noticed this is probably the wrong github page so im posting this exact issue on https://github.com/facebook/react-native

[cortinico]

just noticed this is probably the wrong github page so im posting this exact issue on facebook/react-native

Can you link the issue you created on facebook/react-native?