enable @urql/devtools

repo is here https://github.com/FormidableLabs/urql-devtools chrome extension is here https://chrome.google.com/webstore/detail/urql-devtools/mcfphkbpmkbeofnkjehahlmidmceblmm
iamstarkov · Aug 5, 2019 · 9f20f06 · 9f20f06
1 parent bce37a1
commit 9f20f06
Show file tree

Hide file tree

Showing 3 changed files with 495 additions and 18 deletions.
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
   },
   "private": true,
   "dependencies": {
+    "@urql/devtools": "^0.0.2",
     "@urql/exchange-suspense": "^0.1.0",
     "dotenv": "8.0.0",
     "graphql": "14.4.2",

diff --git a/util/urql/init-client.js b/util/urql/init-client.js
@@ -6,6 +6,7 @@ import {
   ssrExchange
 } from "urql";
 import { suspenseExchange } from "@urql/exchange-suspense";
+import { devtoolsExchange } from "@urql/devtools";
 import "isomorphic-unfetch";
 
 let urqlClient = null;
@@ -26,12 +27,13 @@ export default function initUrqlClient(initialState, token) {
       // Active suspense mode on the server-side
       suspense: true,
       exchanges: [
+        !isServer && devtoolsExchange,
         dedupExchange,
         suspenseExchange,
         cacheExchange,
         ssrCache,
         fetchExchange
-      ],
+      ].filter(Boolean),
       fetchOptions: { headers }
     });
   }