Add an option to DevTools to enable double-logging

[gaearon]

We currently plan to suppress double-logging in development by overriding console in 17: #18547

However this can be confusing for some scenarios and double logging may be preferable in them.

Ideally we'd add a toggle to DevTools that would allow to re-enable it on this screen:

[Jchinonso]

I could take this up!

[gaearon]

Sounds good.

[Jchinonso]

@gaearon i need more light on how to go about this. I have created the UI already #19710 but pretty confused on how to get the boolean value in packages/shared/ConsolePatchingDev.js. Or am i to do the manipulation here https://github.com/facebook/react/blob/master/packages/react-devtools-shared/src/backend/console.js

[todortotev]

@Jchinonso Are you working on the PR? If you are busy do you mind if I take it up?

[Jchinonso]

@todortotev PR is up already #19710

[todortotev]

@todortotev PR is up already #19710

Apologies! My bad! Good work!

[Jchinonso]

@todortotev PR is up already #19710

Apologies! My bad! Good work!

No worries

[stale]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[bisubus]

@Stale It' still relevant

[eps1lon]

Fixed by #22030
TL;DR:

• Disable console suppression by default in React.
• DevTools should grays out (but not hide) logs during second render pass by default.
• DevTools has a new Debugging preference that allows users to suppress second logs entirely (mimicking the current default behavior).