explore/lib/client/fetch.ts

import * as Sentry from '@sentry/nextjs';

export interface ErrorType<T> {
  error?: T;
  status: Response['status'];
  statusText: Response['statusText'];
}

export default function clientFetch<Success, Error>(path: string, init?: RequestInit): Promise<Success | ErrorType<Error>> {
  return fetch(path, init).then(response => {
    if (!response.ok) {
      return response.json().then(
        (jsonError) => Promise.reject({
          error: jsonError as Error,
          status: response.status,
          statusText: response.statusText,
        }),
        () => {
          const error = {
            status: response.status,
            statusText: response.statusText,
          };
          Sentry.captureException(new Error('Client fetch failed'), { extra: error, tags: { source: 'fetch' } });

          return Promise.reject(error);
        },
      );

    } else {
      return response.json() as Promise<Success>;
    }
  });
}