Extra fixes for dynamic stubbed modules

Author: Ives van Hoorne

packages/app/src/app/components/CodeEditor/Monaco/index.js

@@ -262,8 +262,6 @@ class MonacoEditor extends React.Component<Props, State> implements Editor {
     this.initializeModules(sandbox.modules);
     await this.openNewModel(currentModule);
 
-    // this.addKeyCommands();
-
     window.addEventListener('resize', this.resizeEditor);
     this.sizeProbeInterval = setInterval(() => {
       if (this.props.absoluteWidth && this.props.absoluteHeight) {

packages/app/src/sandbox/eval/npm/fetch-npm-module.js

@@ -314,8 +314,12 @@ export default async function fetchModule(
     // Mark the path of the module as the real module, because during evaluation
     // we don't have meta to find which modules are browser modules and we still
     // need to return an empty module for browser modules.
+    const isDependency = /^(\w|@\w)/.test(path);
+
     return {
-      path: pathUtils.join(currentPath, path),
+      path: isDependency
+        ? pathUtils.join('/node_modules', path)
+        : pathUtils.join(currentPath, path),
       code: 'module.exports = {};',
       requires: [],
     };