fix(preview): trigger onLoad event on webpack compilation errors (#9109)

teambit · Aug 12, 2024 · 7ce19b8 · 7ce19b8
1 parent bc3aa63
commit 7ce19b8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/scopes/preview/ui/component-preview/preview.tsx b/scopes/preview/ui/component-preview/preview.tsx
@@ -112,7 +112,7 @@ export function ComponentPreview({
 
   useEffect(() => {
     const handleLoad = (event) => {
-      if (event.data && event.data.event === LOAD_EVENT) {
+      if (event.data && (event.data.event === LOAD_EVENT || event.data.event === 'webpackInvalid')) {
         onLoad && onLoad(event);
       }
     };

diff --git a/scopes/react/react/webpack/overlay/webpackHotDevClient.js b/scopes/react/react/webpack/overlay/webpackHotDevClient.js
@@ -181,6 +181,10 @@ function handleErrors(errors) {
     }
   }
 
+  // only send loaded event when mounted in an iframe
+  if (window.parent && window !== window.parent) {
+    window.parent.postMessage({ event: 'webpackInvalid' }, '*');
+  }
   // Do not attempt to reload now.
   // We will reload on next success instead.
 }