use newer react-graphql-syntax package

app/index.js

@@ -1,73 +1,76 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { render } from 'react-dom';
+import PropTypes from "prop-types";
+import React, { Component } from "react";
+import { render } from "react-dom";
 
-// polyfill propTypes for now
-React.PropTypes = PropTypes;
-
-// use require so polyfill above can work
-const Panel = require('./components/Panel').default;
-const runVersionCheck = require('./checkVersions').default;
+import Panel from "./components/Panel";
+import runVersionCheck from "./checkVersions";
 
 // Standard Google Universal Analytics code
 (function(i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r;
+  i["GoogleAnalyticsObject"] = r;
   (i[r] =
     i[r] ||
     function() {
       (i[r].q = i[r].q || []).push(arguments);
-    }), (i[r].l = 1 * new Date());
+    }),
+    (i[r].l = 1 * new Date());
   (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
   a.async = 1;
   a.src = g;
   m.parentNode.insertBefore(a, m);
 })(
   window,
   document,
-  'script',
-  'https://www.google-analytics.com/analytics.js',
-  'ga'
+  "script",
+  "https://www.google-analytics.com/analytics.js",
+  "ga"
 );
 
-ga('create', 'UA-74643563-7', 'auto');
-ga('set', 'checkProtocolTask', function() {}); // Removes failing protocol check. @see: http://stackoverflow.com/a/22152353/1958200
-ga('require', 'displayfeatures');
-ga('send', 'pageview', 'DevtoolsPanel');
+ga("create", "UA-74643563-7", "auto");
+ga("set", "checkProtocolTask", function() {}); // Removes failing protocol check. @see: http://stackoverflow.com/a/22152353/1958200
+ga("require", "displayfeatures");
+ga("send", "pageview", "DevtoolsPanel");
 
 // Standard Heapanalytics code
-(window.heap = window.heap || []), (heap.load = function(e, t) {
-  (window.heap.appid = e), (window.heap.config = t = t || {});
-  var r = t.forceSSL || 'https:' === document.location.protocol,
-    a = document.createElement('script');
-  (a.type = 'text/javascript'), (a.async = !0), (a.src =
-    (r ? 'https:' : 'http:') + '//cdn.heapanalytics.com/js/heap-' + e + '.js');
-  var n = document.getElementsByTagName('script')[0];
-  n.parentNode.insertBefore(a, n);
-  for (
-    var o = function(e) {
-        return function() {
-          heap.push([e].concat(Array.prototype.slice.call(arguments, 0)));
-        };
-      },
-      p = [
-        'addEventProperties',
-        'addUserProperties',
-        'clearEventProperties',
-        'identify',
-        'removeEventProperty',
-        'setEventProperties',
-        'track',
-        'unsetEventProperty'
-      ],
-      c = 0;
-    c < p.length;
-    c++
-  )
-    heap[p[c]] = o(p[c]);
-});
+(window.heap = window.heap || []),
+  (heap.load = function(e, t) {
+    (window.heap.appid = e), (window.heap.config = t = t || {});
+    var r = t.forceSSL || "https:" === document.location.protocol,
+      a = document.createElement("script");
+    (a.type = "text/javascript"),
+      (a.async = !0),
+      (a.src =
+        (r ? "https:" : "http:") +
+        "//cdn.heapanalytics.com/js/heap-" +
+        e +
+        ".js");
+    var n = document.getElementsByTagName("script")[0];
+    n.parentNode.insertBefore(a, n);
+    for (
+      var o = function(e) {
+          return function() {
+            heap.push([e].concat(Array.prototype.slice.call(arguments, 0)));
+          };
+        },
+        p = [
+          "addEventProperties",
+          "addUserProperties",
+          "clearEventProperties",
+          "identify",
+          "removeEventProperty",
+          "setEventProperties",
+          "track",
+          "unsetEventProperty",
+        ],
+        c = 0;
+      c < p.length;
+      c++
+    )
+      heap[p[c]] = o(p[c]);
+  });
 // force SSL for security and disable any text capture to avoid collecting user data.
-heap.load('87222794', { forceSSL: true, disableTextCapture: true });
+heap.load("87222794", { forceSSL: true, disableTextCapture: true });
 
-render(<Panel />, document.getElementById('devtools'));
+render(<Panel />, document.getElementById("devtools"));
 
 runVersionCheck();