diff --git a/examples/demo/src/fakeServer/graphql.ts b/examples/demo/src/fakeServer/graphql.ts
index 57f860e5c48..ccf339b8ed6 100644
--- a/examples/demo/src/fakeServer/graphql.ts
+++ b/examples/demo/src/fakeServer/graphql.ts
@@ -6,7 +6,24 @@ export default () => {
     const data = generateData({ serializeDate: false });
     const restServer = JsonGraphqlServer({ data });
     const handler = restServer.getHandler();
+    const handlerWithLogs = (url: string, opts: any) =>
+        handler(url, opts).then((res: any) => {
+            const req = JSON.parse(opts.body);
+            const parsedRes = JSON.parse(res.body);
+            console.groupCollapsed(`GraphQL ${req.operationName}`);
+            console.group('request');
+            console.log('operationName', req.operationName);
+            console.log(req.query);
+            console.log('variables', req.variables);
+            console.groupEnd();
+            console.group('response');
+            console.log('data', parsedRes.data);
+            console.log('errors', parsedRes.errors);
+            console.groupEnd();
+            console.groupEnd();
+            return res;
+        });
 
-    fetchMock.mock('begin:http://localhost:4000', handler);
+    fetchMock.mock('begin:http://localhost:4000', handlerWithLogs);
     return () => fetchMock.restore();
 };