Add apollo provider logic

src/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
 import { ThemeProvider } from 'styled-components';
 import { BrowserRouter } from 'react-router-dom';
 import { theme } from './themes';
@@ -7,14 +8,21 @@ import App from './App';
 import GlobalStyles from './GlobalStyles';
 import reportWebVitals from './reportWebVitals';
 
+const client = new ApolloClient({
+  uri: process.env.REACT_APP_GRAPHQL_API,
+  cache: new InMemoryCache(),
+});
+
 ReactDOM.render(
   <React.StrictMode>
+    <ApolloProvider client={client}>
       <ThemeProvider theme={theme}>
         <BrowserRouter>
           <App />
           <GlobalStyles />
         </BrowserRouter>
       </ThemeProvider>
+    </ApolloProvider>
   </React.StrictMode>,
   document.getElementById('root')
 );