Better... Fetch

betterFetch.ts

type FetchRes<T> = Response & {
  data: T;
};

/**
 * A Fetch Request that errors on non 2xx status codes
 */
export default function betterFetch<T>(
  input: RequestInfo,
  init?: RequestInit
): Promise<FetchRes<T>> {
  return fetch(input, init)
    .then(async (response) => {
      if (response.ok) {
        return {
          ...response,
          data: await response.json(),
        };
      }

      throw response;
    })
    .catch((err: Response) => {
      throw err;
    });
}