useSWRAxios

useSWRAxios.ts

import axios, { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios'
import useSWR, { ConfigInterface } from 'swr'

export const useSWRAxios = <Data extends {}>(
  request: Omit<AxiosRequestConfig, 'baseURL' | 'method' | 'data'>,
  config?: ConfigInterface,
) => {
  const requestModified: AxiosRequestConfig = {
    ...request,
    method: `GET`,
  }
  const configModified: ConfigInterface = {
    ...config,
    // global customizations
  }
  /**
   * Axios has a wrapper object around data => filter response
   */
  const { data: response, ...responseUseSWR } = useSWR<
    AxiosResponse<Data>,
    AxiosError
  >(
    JSON.stringify(requestModified),
    async () => axios(requestModified),
    configModified,
  )
  const { data, ...responseAxios } = response || {}
  return { ...responseUseSWR, responseAxios, data }
}