hook to handle apiCalls

useApi.ts

import { useState } from 'react'

const useApi = (apiFunction: any) => {
  const [data, setData] = useState()
  const [error, setError] = useState(false)
  const [loading, setLoading] = useState(false)


  const request = async (...args: any[]) => {
    try {
      setLoading(true)
      const response = await apiFunction(...args)
      setData(response.data)
      setError(false)
    } catch (e) {
      setError(true)
    } finally {
      setLoading(false)
    }
  }
  return { data, loading, error, request }
}

export default useApi