Recover from HMR fails

Author: CompuIves

packages/app/src/sandbox/eval/transpiled-module.ts

@@ -867,6 +867,7 @@ export default class TranspiledModule {
           if (typeof path === 'undefined') {
             this.hmrConfig = this.hmrConfig || new HMR();
             this.hmrConfig.setType('decline');
+            this.resetCompilation();
           } else {
             const paths = typeof path === 'string' ? [path] : path;
 
@@ -877,6 +878,7 @@ export default class TranspiledModule {
               );
               tModule.hmrConfig = tModule.hmrConfig || new HMR();
               tModule.hmrConfig.setType('decline');
+              tModule.resetCompilation();
             });
           }
           manager.enableWebpackHMR();

packages/app/src/sandbox/eval/transpilers/react/refresh-transpiler.ts

@@ -21,7 +21,14 @@ function debounce(func, wait, immediate) {
 	};
 };
 
-const enqueueUpdate = debounce(Refresh.performReactRefresh, 30);
+const enqueueUpdate = () => {
+  try {
+    Refresh.performReactRefresh()
+  } catch (e) {
+    module.hot.decline();
+    throw e;
+  }
+}
 
 function isReactRefreshBoundary(moduleExports) {
   if (Object.keys(Refresh).length === 0) {
@@ -56,7 +63,7 @@ function isReactRefreshBoundary(moduleExports) {
 };
 
 module.exports = {
-  enqueueUpdate,
+  enqueueUpdate: debounce(enqueueUpdate, 30),
   isReactRefreshBoundary
 };
 `.trim();