feat(web): graphql refactor, small issue with query

Author: kemuru

web/codegen.ts

@@ -1,9 +1,9 @@
 import type { CodegenConfig } from "@graphql-codegen/cli";
-import { graphqlUrl } from "utils/graphqlQueryFnHelper";
+import { getGraphqlUrl } from "utils/getGraphqlUrl";
 
 const config: CodegenConfig = {
   overwrite: true,
-  schema: [graphqlUrl()],
+  schema: [getGraphqlUrl()],
   documents: "./src/hooks/queries/*.ts",
   generates: {
     "./src/graphql/": {

web/src/context/GraphqlBatcher.tsx

@@ -3,8 +3,8 @@ import { arbitrumSepolia } from "wagmi/chains";
 import { request } from "graphql-request";
 import { create, windowedFiniteBatchScheduler, Batcher } from "@yornaath/batshit";
 import { TypedDocumentNode } from "@graphql-typed-document-node/core";
-import { getGraphqlUrl } from "utils/getGraphqlUrl";
 import { debounceErrorToast } from "utils/debounceErrorToast";
+import { getGraphqlUrl } from "utils/getGraphqlUrl";
 
 interface IGraphqlBatcher {
   graphqlBatcher: Batcher<any, IQuery>;
@@ -14,14 +14,13 @@ interface IQuery {
   id: string;
   document: TypedDocumentNode<any, any>;
   variables: Record<string, any>;
-  isDisputeTemplate?: boolean;
   chainId?: number;
 }
 
 const Context = createContext<IGraphqlBatcher | undefined>(undefined);
 
 const fetcher = async (queries: IQuery[]) => {
-  const promises = queries.map(async ({ id, document, variables, isDisputeTemplate, chainId }) => {
+  const promises = queries.map(async ({ id, document, variables, chainId }) => {
     const url = getGraphqlUrl(chainId ?? arbitrumSepolia.id);
     try {
       return request(url, document, variables).then((result) => ({ id, result }));

web/src/context/RefetchOnBlock.tsx

@@ -8,8 +8,8 @@ const useRefetchOnBlock = () => {
 
   useEffect(() => {
     const unwatch = publicClient?.watchBlocks({
-      onBlock: () => {
-        queryClient.invalidateQueries(["refetchOnBlock"]);
+      onBlock: (block) => {
+        if (block.number % BigInt(10) === BigInt(0)) queryClient.invalidateQueries(["refetchOnBlock"]);
       },
     });
     return () => unwatch?.();

web/src/hooks/queries/useItemDetailsQuery.ts

@@ -9,8 +9,12 @@ const itemDetailsQuery = graphql(`
     item(id: $itemID) {
       status
       disputed
-      latestChallenger
-      latestRequester
+      latestChallenger {
+        id
+      }
+      latestRequester {
+        id
+      }
       registryAddress
       props {
         type