ClientPage.tsx

import gql from "graphql-tag";
import ShowingRequest from "./ShowingRequest";
import Deals from "./Deals";

const query = gql`
query Client($pk: ID!) {
  viewer {
    id
    agent {
      id
      client(pk: $pk) {
        id
        pk
        name
        phone
        work
        email
        verified
        createdOn
        deals {
          edges {
            node {
              id
              __typename
              ...DealsDeal
            }
          }
        }
        showingRequests {
          edges {
            node {
              id
              pk
              ...ShowingRequestShowingRequest
            }
          }
        }
      }
    }
  }
}
${ShowingRequest.fragments.showingRequest}
${Deals.fragments.deal}
`;