suspense-wrapGraphQL.js

export const wrapGraphQL = (query) => {
  let status = "pending";
  let result = null;
  const suspender = client
    .query({
      query,
      fetchPolicy: "network-only"
    })
    .then((response) => {
      status = "success";
      result = response.data;
    })
    .catch((err) => {
      status = "error";
      result = err;
    });

  return {
    read() {
      if (status === "pending") {
        throw suspender;
      } else if (status === "error") {
        throw result;
      } else {
        return result;
      }
    }
  };
};