Only load typescript worker *after* typings are loaded

Author: Ives van Hoorne

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

@@ -806,6 +806,12 @@ class MonacoEditor extends React.Component<Props, State> implements Editor {
 
   fetchDependencyTypings = (dependencies: Object) => {
     if (this.typingsFetcherWorker) {
+      this.monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions(
+        {
+          noSemanticValidation: true,
+          noSyntaxValidation: !this.hasNativeTypescript(),
+        }
+      );
       this.typingsFetcherWorker.postMessage({ dependencies });
     }
   };
@@ -872,6 +878,11 @@ class MonacoEditor extends React.Component<Props, State> implements Editor {
     this.monaco.languages.typescript.typescriptDefaults._onDidChange.fire(
       this.monaco.languages.typescript.typescriptDefaults
     );
+
+    this.monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: false,
+      noSyntaxValidation: !this.hasNativeTypescript(),
+    });
   };
 
   createModel = async (

packages/app/src/app/components/Preview/DevTools/Console/Message/index.js

@@ -70,6 +70,11 @@ function getMessage(message) {
       if (msgArray.length > 1) {
         otherErrorLines = msgArray.slice(1);
       }
+
+      if (!otherErrorLines) {
+        return <InnerItem>{message.arguments.join(' ')}</InnerItem>;
+      }
+
       return (
         <InnerItem>
           <details>