text: import React from 'react';
  import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
  import SearchBooks from './pages/SearchBooks';
  import SavedBooks from './pages/SavedBooks';
  import Navbar from './components/Navbar';
  // add these two library import statements
  import { ApolloProvider } from '@apollo/react-hooks';
  import ApolloClient from 'apollo-boost';
  
  const client = new ApolloClient({
    // uri: 'http://localhost:3001/graphql'
    request: operation => {
      const token = localStorage.getItem('id_token');
  
      operation.setContext({
        headers: {
          authorization: token ? `Bearer ${token}` : ''
        }
      })
    },
    uri: '/graphql'
  });
  
  
  
  function App() {
    return (
      <ApolloProvider client={client}>
          <Router>
            <>
            <Navbar />
            <Switch>
              <Route exact path='/' component={SearchBooks} />
              <Route exact path='/saved' component={SavedBooks} />
              <Route render={() => <h1 className='display-2'>Wrong page!</h1>} />
            </Switch>
            </>
          </Router> 
      </ApolloProvider>
  
    );
  }
  
  export default App;