Error stack traces are ridiculously long and verbose

Created by: DouglasDev

I'm talking about stack traces like this one that are so long that they won't even fit on my very large monitor:

These stack traces making debugging very annoying since I have to scroll through hundreds of lines of stack traces every time there is an error.

I can't see how showing a url like (webpack-internal:///./node_modules/.pnpm/styled-components@5.2.1_5544908854c626bd13d8795d8f0cae8d/node_modules/styled-components/dist/styled-components.browser.esm.js:780:6) is more useful than just showing an abbreviated url or partial path like node_modules/styled-components/dist/styled-components.browser.esm.js:780:6

I clearly remember the stack traces being much more readable in older versions of CRA. I'm currently using using react-scripts 4.0.1.

My question is: where in the react-scripts webpack config are the paths for the stack traces being set, and how can I make them less verbose? (I'm using CRA-rewired to modify my config) If this is considered an issue by others as well, I would be willing to write a fix. Thanks!