Added recognition of react version 16 and greater components, and mod... (#5734)

Author: mmcote

src/actions/preview.js

@@ -28,7 +28,9 @@ import type { AstLocation } from "../workers/parser";
 
 async function getReactProps(evaluate) {
   const reactDisplayName = await evaluate(
-    "this._reactInternalInstance.getName()"
+    "this.hasOwnProperty('_reactInternalFiber') ? " +
+      "this._reactInternalFiber.type.name : " +
+      "this._reactInternalInstance.getName()"
   );
 
   return {

src/actions/tests/preview.spec.js

@@ -91,9 +91,14 @@ describe("setPreview", () => {
   it("react instance", async () => {
     await setup("foo.js");
     evaluationResult = {
-      this: react,
-      "this._reactInternalInstance.getName()": "Foo"
+      this: react
     };
+    evaluationResult[
+      "this.hasOwnProperty('_reactInternalFiber') ? " +
+        "this._reactInternalFiber.type.name : " +
+        "this._reactInternalInstance.getName()"
+    ] =
+      "Foo";
 
     await dispatch(
       actions.setPreview(

src/utils/preview.js

@@ -33,5 +33,8 @@ export function isReactComponent(result: Grip) {
     return;
   }
 
-  return Object.keys(ownProperties).includes("_reactInternalInstance");
+  return (
+    Object.keys(ownProperties).includes("_reactInternalInstance") ||
+    Object.keys(ownProperties).includes("_reactInternalFiber")
+  );
 }