drop in wrapper around fetch

fetcher.ts

export class ResponseError extends Error {
  status: number;
  statusText: string;
  data: any;

  constructor(message: string, data: any, response: Response) {
    super(message);
    this.status = response.status;
    this.statusText = response.statusText;
    this.data = data;
  }

  static async create(response: Response) {
    try {
      const data = await response.json();
      return new ResponseError(data.message, data, response);
    } catch (error) {
      if (error instanceof SyntaxError) {
        const message = await response.text();
        return new ResponseError(message, null, response);
      }

      throw error;
    }
  }
}

const baseUrl = "https://jsonplaceholder.typicode.com/";

type FetcherConfig = {
  body?: any;
} & Omit<RequestInit, "body">;

const fetcher = async (url: string, customConfig?: FetcherConfig) => {
  const config = {
    method: customConfig?.body ? "GET" : "POST",
    ...customConfig,
    body: customConfig?.body && JSON.stringify(customConfig.body),
    headers: {
      "Content-Type": "application/json",
      ...customConfig?.headers,
    },
  };

  const response = await fetch(`${baseUrl}${url}`, config);

  if (response.ok) {
    const body = await response.json();
    return body;
  }

  throw await ResponseError.create(response);
};