Handle http errors

src/lib/graphql.ts

@@ -38,6 +38,17 @@ export async function executeGraphQL<Result, Variables>(
 		next: { revalidate },
 	});
 
+	if (!response.ok) {
+		const body = await (async () => {
+			try {
+				return await response.text();
+			} catch {
+				return "";
+			}
+		})();
+		throw new HTTPError(response, body);
+	}
+
 	const body = (await response.json()) as GraphQLRespone<Result>;
 
 	if ("errors" in body) {
@@ -55,6 +66,14 @@ export class GraphQLError extends Error {
 		Object.setPrototypeOf(this, new.target.prototype);
 	}
 }
+export class HTTPError extends Error {
+	constructor(response: Response, body: string) {
+		const message = `HTTP error ${response.status}: ${response.statusText}\n${body}`;
+		super(message);
+		this.name = this.constructor.name;
+		Object.setPrototypeOf(this, new.target.prototype);
+	}
+}
 
 export const formatMoney = (amount: number, currency: string) =>
 	new Intl.NumberFormat("en-US", {