useEffect2.js

import { useState, useEffect } from 'react'
import axios from 'axios'

export const useFetchEffect = (url) => {
  const [isLoading, setIsLoading] = useState(false)
  const [isError, setIsError] = useState(false)
  const [responseData, setResponseData] = useState(null)

  useEffect(() => {
    const fetchData = async () => {
      setIsError(false)
      setIsLoading(true)
      try {
        const result = await axios(url)
        setResponseData(result.data)
      } catch (error) {
        setIsError(true)
      }

      setIsLoading(false)
    }

    fetchData()
  }, [url]) 

  const dataFromHook = { isLoading, isError, responseData }

  return dataFromHook
}