Fetch with typed response, throws on errors

typed-fetch.ts

interface TypedResponse<TJson> extends globalThis.Response {
  json: () => Promise<TJson>;
}

async function typedFetch<T>(...args: Parameters<typeof fetch>) {
  const response = await fetch(...args);
  if (!response.ok) throw response;
  return response as TypedResponse<T>;
}

// EXAMPLE

class PersonNotFoundError extends Error {}

type Person = {
  result: {
    properties: {
      name: string;
      url: string;
    }
  }
}

(async function test() {
  try {
    // SUCCESS
    const test = await typedFetch<Person>("https://www.swapi.tech/api/people/1");

    // NOT FOUND
    // const test = await typedFetch<Person>("https://www.swapi.tech/api/people/1000");

    const json = await test.json();
    console.log(json.result);
  } catch (error) {
    if (error instanceof Response) {
      if (error.status === 404) {
        throw new PersonNotFoundError();
      }
    }
  }
})();