webui: use the IntrospectionFragmentMatcher & update dependencies

1 files changed, 10 insertions, 0 deletions

diff --git a/webui/src/index.js b/webui/src/index.js
index f71e82f3..6f838c69 100644
--- a/webui/src/index.js
+++ b/webui/src/index.js
@@ -1,17 +1,27 @@
 import ThemeProvider from '@material-ui/styles/ThemeProvider';
 import { createMuiTheme } from '@material-ui/core/styles';
 import ApolloClient from 'apollo-boost';
+import {
+  IntrospectionFragmentMatcher,
+  InMemoryCache,
+} from 'apollo-cache-inmemory';
 import React from 'react';
 import { ApolloProvider } from 'react-apollo';
 import ReactDOM from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
 
+import introspectionQueryResultData from './fragmentTypes';
 import App from './App';
 
 const theme = createMuiTheme();
 
 const client = new ApolloClient({
   uri: '/graphql',
+  cache: new InMemoryCache({
+    fragmentMatcher: new IntrospectionFragmentMatcher({
+      introspectionQueryResultData,
+    }),
+  }),
 });
 
 ReactDOM.render(