[React DevTools] Improve DevTools UI when Inspecting a Component that Throws an Error

[lunaruan]

In this issue, when you navigate to this app and inspect the sidebar in the components tab, you will get this error:

This is a user error. One of the components in the user's app thrown. However, the UI for this is confusing, because it seems like it's a DevTools error. We've gotten a lot of bug reports like this, and it would be good to differentiate between DevTools bugs and bugs in the app. For this task:

• Build the React DevTools extension locally (instructions here) and reproduce the error
• Figure out a way to have the front end be able to differentiate whether the error is a error within DevTools or within the user's app
• Design/implement a better UI to help app developers distinguish between these two cases

[AakashTyagi354]

hey is this issue still open so that i can work on it , pls help i am new to open source

[mondaychen]

@AakashTyagi354 It's mostly done. You can see the linked PR above.
If you are looking for good first issues, check out label good first issue, not "good first issue (taken)"