Incorrect GaxiosError message type when request responseType "arrayBuffer" about gaxios HOT 2 CLOSED

import { GaxiosError, GaxiosPromise } from "gaxios";

import { Result } from "@focal/types/result";

function sleep(ms: number): Promise<boolean> {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(true);
    }, ms);
  });
}

/**
 * Wrap Gaxios promises in order to not to throw errors and instead return handled Result types
 * @param promise
 * @returns
 */
export async function wrapGaxios<T>(
  promise: GaxiosPromise<T>,
  timeout = 10000,
): Promise<Result<T>> {
  try {
    const res = await Promise.race([promise, sleep(timeout)]);
    if (typeof res === "boolean") {
      return { ok: false, err: "Gaxios request timeout", errCode: 400 };
    } else if (res.status >= 400) {
      return {
        ok: false,
        err: ((res.data as any) || "").toString(),
        errCode: res.status,
      };
    }
    return { ok: true, data: res.data };
  } catch (err: any) {
    if (err instanceof GaxiosError) {
      // When "responseType" is "arraybuffer" like in getFile.ts, the error message is also an array buffer
      const message = err.message as string | ArrayBuffer;
      const parsedBuffer =
        message instanceof ArrayBuffer &&
        Buffer.from(message).toString("utf-8");
      const errJson = parsedBuffer && JSON.parse(parsedBuffer);
      const parsedMsg = typeof errJson === "object" && errJson?.error?.message;
      const errCode = parseInt(err.code || "500");
      return { ok: false, err: parsedMsg || message, errCode };
    }
    return { ok: false, err, errCode: err?.status || 500 };
  }
}