diff --git a/src/Main.tsx b/src/Main.tsx
index d62f9b45e..c6b79b139 100644
--- a/src/Main.tsx
+++ b/src/Main.tsx
@@ -1,3 +1,6 @@
+// Import this first, to ensure that the dev tools hook is copied before React is loaded.
+import "./ReactDevTools";
+
 // CSS Dependencies
 import { initializeIcons, loadTheme } from "@fluentui/react";
 import { QuickstartCarousel } from "Explorer/Quickstart/QuickstartCarousel";
diff --git a/src/ReactDevTools.ts b/src/ReactDevTools.ts
index 09947f934..2a12d81d5 100644
--- a/src/ReactDevTools.ts
+++ b/src/ReactDevTools.ts
@@ -1,3 +1,7 @@
 if (window.parent !== window) {
-  (window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__ = (window.parent as any).__REACT_DEVTOOLS_GLOBAL_HOOK__;
+  try {
+    (window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__ = (window.parent as any).__REACT_DEVTOOLS_GLOBAL_HOOK__;
+  } catch {
+    // No-op. We can throw here if the parent is not the same origin (such as in the Azure portal).
+  }
 }