Step 7.2: Provide Apollo client

package.json

@@ -7,6 +7,7 @@
     "url": "https://github.com/Urigo/WhatsApp-Clone-Client-React.git"
   },
   "dependencies": {
+    "@apollo/react-hooks": "3.1.5",
     "@material-ui/core": "4.9.14",
     "@material-ui/icons": "4.9.1",
     "@testing-library/jest-dom": "5.8.0",
@@ -23,6 +24,8 @@
     "apollo-client": "2.6.10",
     "apollo-link": "1.2.14",
     "apollo-link-http": "1.5.17",
+    "graphql": "15.0.0",
+    "graphql-tag": "2.10.3",
     "history": "4.10.1",
     "jest-environment-jsdom-sixteen": "1.0.3",
     "jest-fetch-mock": "3.0.3",

src/index.tsx

@@ -1,8 +1,10 @@
 import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { ApolloProvider } from '@apollo/react-hooks';
 import './index.css';
 import App from './App';
+import client from './client';
 import * as serviceWorker from './serviceWorker';
 
 const theme = createMuiTheme({
@@ -15,7 +17,9 @@ const theme = createMuiTheme({
 ReactDOM.render(
   <React.StrictMode>
     <MuiThemeProvider theme={theme}>
-      <App />
+      <ApolloProvider client={client}>
+        <App />
+      </ApolloProvider>
     </MuiThemeProvider>
   </React.StrictMode>,
   document.getElementById('root')