added Apollo provider

package.json

@@ -30,6 +30,7 @@
     "webpack-dev-server": "^3.9.0"
   },
   "dependencies": {
+    "@apollo/react-hooks": "^3.1.3",
     "@material-ui/core": "^4.9.3",
     "@material-ui/icons": "^4.9.1",
     "apollo-cache-inmemory": "^1.6.5",

src/index.js

@@ -13,6 +13,7 @@ import { ApolloClient } from "apollo-client";
 import { InMemoryCache } from "apollo-cache-inmemory";
 import { HttpLink } from "apollo-link-http";
 import gql from "graphql-tag";
+import { ApolloProvider } from "@apollo/react-hooks";
 
 const App = () => {
 
@@ -67,11 +68,9 @@ const App = () => {
             <CssBaseline />
             <PageHeader />
             <h1>{t('EntangledAfrica1')}: {t('EntangledAfrica2')}</h1>
-            {/*<div>
-                <span>{labels.HelloWorld[settings.language]}</span><br />
-                <HelloComputerButton />
-                <button type="button" onClick={() => onSwitchLanguages(settings.language)} >Switch</button>
-            </div>*/}
+            <ApolloProvider client={client}>
+                soon you will find a map with nice controls here
+            </ApolloProvider>
         </SettingsContext.Provider>
 
         );