async-fetch.ts

import { axios } from 'axios'
import type { AxiosError } from 'axios'

const asyncFetch = async <T = unknown>(url: string, config?: ExtendConfig) => {
  try {
    const res = await axios<T>({
      url,
      ...config,
    })

    return [res.data as T, null] as const
  } catch (e) {
    return [null, e as AxiosError<T>] as const
  }
}

// usage
import { type TUser } from '@/types/user'

export async function getUser(){
  const [res, err] = await asyncFetch<TUser>({
    url: "https://api.com/api/v1/user",
    headers: {
      "Content-Type": "application/json"
    }
  })
  if(err) return null
  
  return res.data
}