Add __REACT_DEVTOOLS_HIDE_CONSOLE__ to suppress DevTools download message (#24283)

Add a global variable that allows suppressing the "Download the React DevTools"
console message in environments where the Chrome extension cannot function,
such as remote debugging environments and CEP-like contexts.

Author: more-shubham

packages/react-dom/src/__tests__/ReactDOM-test.js

@@ -477,6 +477,26 @@ describe('ReactDOM', () => {
     }
   });
 
+  it('should suppress DevTools console message when __REACT_DEVTOOLS_HIDE_CONSOLE__ is set', () => {
+    try {
+      global.__REACT_DEVTOOLS_HIDE_CONSOLE__ = true;
+      jest.resetModules();
+
+      const infoSpy = jest.spyOn(console, 'info').mockImplementation(() => {});
+
+      require('react-dom/client');
+
+      const devToolsMessage = infoSpy.mock.calls.find(call =>
+        call[0]?.includes?.('Download the React DevTools'),
+      );
+      expect(devToolsMessage).toBeUndefined();
+
+      infoSpy.mockRestore();
+    } finally {
+      delete global.__REACT_DEVTOOLS_HIDE_CONSOLE__;
+    }
+  });
+
   it('should not crash calling findDOMNode inside a function component', async () => {
     class Component extends React.Component {
       render() {

packages/react-dom/src/client/ReactDOMClient.js

@@ -54,7 +54,12 @@ export {ReactVersion as version, createRoot, hydrateRoot};
 const foundDevTools = injectIntoDevTools();
 
 if (__DEV__) {
-  if (!foundDevTools && canUseDOM && window.top === window.self) {
+  if (
+    !foundDevTools &&
+    canUseDOM &&
+    window.top === window.self &&
+    typeof __REACT_DEVTOOLS_HIDE_CONSOLE__ === 'undefined'
+  ) {
     // If we're in Chrome or Firefox, provide a download link if not installed.
     if (
       (navigator.userAgent.indexOf('Chrome') > -1 &&

packages/react-dom/src/client/ReactDOMClientFB.js

@@ -150,7 +150,12 @@ Internals.Events /* Events */ = [
 const foundDevTools = injectIntoDevTools();
 
 if (__DEV__) {
-  if (!foundDevTools && canUseDOM && window.top === window.self) {
+  if (
+    !foundDevTools &&
+    canUseDOM &&
+    window.top === window.self &&
+    typeof __REACT_DEVTOOLS_HIDE_CONSOLE__ === 'undefined'
+  ) {
     // If we're in Chrome or Firefox, provide a download link if not installed.
     if (
       (navigator.userAgent.indexOf('Chrome') > -1 &&

scripts/flow/environment.js

@@ -17,6 +17,8 @@ declare const __REACT_DEVTOOLS_GLOBAL_HOOK__: any; /*?{
   inject: ?((stuff: Object) => void)
 };*/
 
+declare const __REACT_DEVTOOLS_HIDE_CONSOLE__: void | true;
+
 declare const reportError: (error: mixed) => void;
 
 declare module 'create-react-class' {