early attach in devtools extension so we can patch the console

Author: lunaruan

packages/react-devtools-extensions/src/injectGlobalHook.js

@@ -67,24 +67,23 @@ window.__REACT_DEVTOOLS_GLOBAL_HOOK__.nativeWeakMap = WeakMap;
 window.__REACT_DEVTOOLS_GLOBAL_HOOK__.nativeSet = Set;
 `;
 
-// If we have just reloaded to profile, we need to inject the renderer interface before the app loads.
-if (sessionStorageGetItem(SESSION_STORAGE_RELOAD_AND_PROFILE_KEY) === 'true') {
-  const rendererURL = chrome.runtime.getURL('build/renderer.js');
-  let rendererCode;
+// We need to inject the renderer interface before the app loads so we can patch the
+// console before initial render.
+const rendererURL = chrome.runtime.getURL('build/renderer.js');
+let rendererCode;
 
-  // We need to inject in time to catch the initial mount.
-  // This means we need to synchronously read the renderer code itself,
-  // and synchronously inject it into the page.
-  // There are very few ways to actually do this.
-  // This seems to be the best approach.
-  const request = new XMLHttpRequest();
-  request.addEventListener('load', function() {
-    rendererCode = this.responseText;
-  });
-  request.open('GET', rendererURL, false);
-  request.send();
-  injectCode(rendererCode);
-}
+// We need to inject in time to catch the initial mount.
+// This means we need to synchronously read the renderer code itself,
+// and synchronously inject it into the page.
+// There are very few ways to actually do this.
+// This seems to be the best approach.
+const request = new XMLHttpRequest();
+request.addEventListener('load', function() {
+  rendererCode = this.responseText;
+});
+request.open('GET', rendererURL, false);
+request.send();
+injectCode(rendererCode);
 
 // Inject a __REACT_DEVTOOLS_GLOBAL_HOOK__ global for React to interact with.
 // Only do this for HTML documents though, to avoid e.g. breaking syntax highlighting for XML docs.