Fix external resources not automatically updating

Author: Ives van Hoorne

src/app/components/sandbox/Preview/index.js

@@ -101,6 +101,12 @@ export default class Preview extends React.PureComponent {
       return;
     }
 
+    if (prevProps.externalResources !== this.props.externalResources) {
+      // Changed external resources
+      this.executeCodeImmediately();
+      return;
+    }
+
     if (prevProps.module.id !== this.props.module.id) {
       if (prevProps.isInProjectView && this.props.isInProjectView) {
         // If user only navigated while watching project

src/sandbox/index.js

@@ -57,10 +57,10 @@ async function compile(message) {
 
   if (fetching) return;
 
+  handleExternalResources(externalResources);
   if (url == null || url !== newUrl) {
     fetching = true;
     url = newUrl;
-    handleExternalResources(externalResources);
     await addDependencyBundle();
     fetching = false;
     window.parent.postMessage('Ready!', host);