Async + Await Error Handling Strategy using Axios

axiosAsyncHelper.ts

import { AxiosError, AxiosResponse } from "axios";

/**
 * Axios types overload
 */
export function asyncHelper<ResponseType = any, ErrorType = any>(
  promise: Promise<AxiosResponse<ResponseType | ErrorType, any>> | null | undefined | false
): Promise<{ response: AxiosResponse<ResponseType> | null; error: AxiosError<ErrorType> | null }>;

/**
 * Async helper
 *
 * Usage:
 *
 * const { response, error } = await asyncHelper(axios.get(...));
 *
 * Source: https://youtu.be/wsoQ-fgaoyQ
 */
export function asyncHelper<ResponseType = any, ErrorType = any>(
  promise: Promise<ResponseType | ErrorType> | null | undefined | false
) {
  return promise
    ? Promise.allSettled([promise]).then(([res]) => ({
        response: res.status === "fulfilled" ? res.value : null,
        error: res.status === "rejected" ? res.reason : null,
      }))
    : Promise.resolve({
        response: null,
        error: null,
      });
}