blog_useFetch_callback_DogImage.tsx

// DogImage.tsx
import React, { FC } from "react";
import { useFetch, DogImageType } from "./useFetch";

export const DogImage: FC = () => {
  const data = useFetch({
    url: "https://dog.ceo/api/breed/beagle/images/random",
    processData: (data) => data as DogImageType,
  });

  return <>{data ? <img src={data.message} alt="dog"></img> : <div>Loading</div>}</>;
};