Fetching data error and pending load check
import { useState, useEffect } from "react"; const useFetch = (url) => { const [data, setData] = useState(null); const [isPending, setIsPending] = useState(true); const [error, setError] = useState(null); useEffect(() => { fetch(url) .then((res) => { console.log(res); if (!res.ok) { throw Error("could not fetch data for that resource"); } return res.json(); }) .then((data) => { setData(data); setIsPending(false); setError(null); }) .catch((err) => { setIsPending(false); setError(err.message); }); }, []); return { data, isPending, error }; }; export default useFetch;