blog_useFetch_create_hook.ts

// useFetch.ts
import { useState, useEffect } from "react";

interface RequestProps {
  url: RequestInfo;
  init?: RequestInit;
}

type DogImageType = { message: string; status: string };

export const useFetch = ({ url, init }: RequestProps) => {
  // Response state
  const [data, setData] = useState<DogImageType>();

  useEffect(async () => {
    try {
      // Fetch data from REST API
      const response = await fetch(url, init);

      if (response.status === 200) {
        // Extract json
        const rawData: DogImageType = await response.json();
        setData(rawData);
      } else {
        console.error(`Error ${response.status} ${response.statusText}`);
      }
    } catch (error) {
      console.error(`Error ${error}`);
    }
  }, []);

  return data;
};