Hook SWR Typescript

useFetch.ts

import useSWR, { ConfigInterface, responseInterface } from 'swr'

export const fetcher = async (url: string): Promise<any> => {
  const response = await fetch(url)
  const data = await response.json()
  return data
}
export function useFetch<Data = any, Error = any>(
  url: string,
  config?: ConfigInterface
): responseInterface<Data, Error> {
  const { data, error, mutate, isValidating, revalidate } = useSWR<Data, Error>(
    url,
    fetcher,
    {
      revalidateOnFocus: false,
      ...config
    }
  )
  return { data, error, mutate, isValidating, revalidate }
}