fill="inherit"

useQuery(gql`...1페이지 쿼리...`)

const [load] = useLazyQuery(gql`...나머지 쿼리...`)

useEffect(() => {
  // condition
  load();
}, [...]);

type ExampleType {
  val1: string;
  val2: number;
};

type TargetList = (ExampleType | null)[];

const targetList: TargetList = [{...}, {...}, ...];

const result = targetList.map(({ val1 }) => (...));

targetList.map

val1

for

interface PageInfo {
  hasNextPage: boolean;
  endCursor: string;
}

interface Connection<Edge> {
  pageInfo: PageInfo;
  edges: Edge[];
}

interface Response<Node> {
  hasNextPage: boolean;
  endCursor: string;
  nodes: Node[];
}

const extractConnectionInfo = <Edge extends { node?: Node }>({ edges, pageInfo }: Connection<Edge>): Response<Node>  => {
   ...parsing work
}

extractConnectionInfo

nodes

node

// type of nodes is "unknown[]"
const { nodes } = extractConnectionInfo({ edges, pageInfo });

unknown[]

directive @${DirectiveName} on ${DirectiveLocation}