Axios Logger as interceptor

axios-utils.ts

import { AxiosError, AxiosInstance } from "axios";

// using react-native-logger here
import { Logger } from "@/utils/logger";

export function registerDebugLogger(instance: AxiosInstance) {
  Logger.debug("registering debug loggers");
  instance.interceptors.request.use(
    (config) => {
      Logger.debug(
        `${config.method?.toUpperCase()} ${instance.getUri(config)}`,
      );

      return config;
    },
    (error: AxiosError) => {
      Logger.error(error.toJSON());
      return Promise.reject(error);
    },
  );

  instance.interceptors.response.use(
    (response) => {
      Logger.debug(`${response.status} (${instance.getUri(response.config)})`);
      return response;
    },
    (error: AxiosError) => {
      Logger.error(error.toJSON(), error.response?.data);
      return Promise.reject(error);
    },
  );
}