custom fetcher

[lucas-garrido]

Hi 🤚
i'm using swr and graphql-request and I would like to get the data type and params using a custom fetcher like this :

export const apiGraphQLFetcher = async (query, fetchParams = {}) => {
  const graphQLClient = await getGraphQLInstance();
  return graphQLClient.request(query, fetchParams);
};

  const { data, error } = useSWR([userGridProfileQuery, gridStateParams], apiGraphQLFetcher);

any idea ?

[lucas-garrido]

Something like this is working :

export const apiGraphQLFetcher = async <D, V> (query: TypedDocumentNode<D, V>, fetchParams = {}) : Promise<D> => {
  const graphQLClient = await getGraphQLInstance();
  return graphQLClient.request(query, fetchParams);
};

  const { data, error } = useSWR([userGridProfileQuery, gridStateParams], (a, b) => apiGraphQLFetcher(a, b));

but im not sure this is the clean way 🤨

[lucas-garrido]

this is working well rn:

export const apiGraphQLFetcher: typeof GraphQLClient.prototype.request = async (
  document,
  variables?,
) => {
  const graphQLClient = await getGraphQLInstance();
  return graphQLClient.request(document, variables);
};