Remove legacy SSE code from preview listener

Author: CompuIves

packages/app/src/app/pages/Sandbox/Editor/Content/Preview/index.tsx

@@ -124,12 +124,12 @@ class Preview extends Component<Props, State> {
   handleModuleSyncedChange = (preview, change) => {
     const settings = this.props.store.preferences.settings;
 
-    if (settings.livePreviewEnabled && change) {
-      if (this.props.store.editor.currentSandbox.template === 'static') {
-        preview.handleRefresh();
-      } else {
-        preview.executeCodeImmediately();
-      }
+    if (
+      settings.livePreviewEnabled &&
+      change &&
+      this.props.store.editor.currentSandbox.template === 'static'
+    ) {
+      preview.handleRefresh();
     }
   };
 

packages/common/src/components/Preview/index.tsx

@@ -359,6 +359,11 @@ class BasePreview extends React.Component<Props, State> {
   };
 
   executeCodeImmediately = (initialRender: boolean = false) => {
+    // We cancel the existing calls with executeCode to prevent concurrent calls,
+    // the only reason we do this is because executeCodeImmediately can be called
+    // directly as well
+    // @ts-ignore
+    this.executeCode.cancel();
     const settings = this.props.settings;
     const sandbox = this.props.sandbox;