Tapas Adhikary, thanks for the fast reply! I'm loading the products directly from Gatsby graphql by using the gatsby-source-contentful plugin.

So if I understood correctly, I will have to use Apollo Client inside the checkout function to query Contentful and get the inventory?

James Peters, It depends on where and when do you want to fetch the product list. But you can actually do the same in both components of losing and checkout using the react-appolo library as you are calling it directly from GraphQL.

These steps may be helpful,

• First define the GraphQL query. Here is an example of fetching tags,

const ALL_TAGS = gql`
  query {
    allTags {
      data {
        _id
        name
        description
      }
    }
  }
`

• Then use the useQuery hook from the apollo react lib.

const { loading: tagLoading, data: tagData } = useQuery(ALL_TAGS)

• Now you can use the tagData and that has the fetched data.

Note, the lib has the hooks for both fetching and mutating data,

import { useQuery, useMutation } from "@apollo/react-hooks"