react-vite-demo

fetch.ts

(969B)

 import { useEffect, useState } from "react"
 
 export function useFetch<T>(url: string) {
     const [data, setData] = useState<T | undefined>()
     const [error, setError] = useState<Error | undefined>()
     const [loading, setLoading] = useState(false)
 
     useEffect(() => {
         const controller = new AbortController()
         const signal = controller.signal
 
         const fetchData = async () => {
         setLoading(true)
 
         try {
             const response = await fetch(url, { signal })
             
             if (!response.ok) {
             throw new Error("Bad request")
             }
 
             setData(await response.json())
             setError(undefined)
         } catch (error) {
             setError(error as Error)
         } finally {
             setLoading(false)
         } 
         }
         
         fetchData()
 
         return () => controller.abort()
     }, [url, setData, setError, setLoading])
 
     return { data, error, loading }
 }