add function to check for console object or props (#5780)

* add function to check for console object or props

* fix flow

Author: bomsy

src/actions/preview.js

@@ -6,7 +6,7 @@
 
 import { findBestMatchExpression } from "../utils/ast";
 import { getTokenLocation } from "../utils/editor";
-import { isReactComponent, isImmutable } from "../utils/preview";
+import { isReactComponent, isImmutable, isConsole } from "../utils/preview";
 import { isGeneratedId } from "devtools-source-map";
 import { PROMISE } from "./utils/middleware/promise";
 import { getExpressionFromCoords } from "../utils/editor/get-expression";
@@ -136,6 +136,11 @@ export function updatePreview(target: HTMLElement, editor: any) {
     }
 
     const { expression, location } = match;
+
+    if (isConsole(expression)) {
+      return;
+    }
+
     dispatch(setPreview(expression, location, tokenPos, cursorPos));
   };
 }

src/utils/preview.js

@@ -38,3 +38,7 @@ export function isReactComponent(result: Grip) {
     Object.keys(ownProperties).includes("_reactInternalFiber")
   );
 }
+
+export function isConsole(expression: string) {
+  return /^console/.test(expression);
+}