A simple react hook to get Giphy random image (install use-http hook first)

useGiphy.js

import { useRef, useState, useEffect } from "react";
import useFetch from "use-http";

const useGiphy = search => {
  const [loading, setLoading] = useState(false);
  const [data, setData] = useState([]);
  const [request, response] = useFetch("http://api.giphy.com/v1");

  useEffect(() => {
    const getUrl = async () => {
      const type = "/gifs";
      const searchType = `/random?tag=`;
      const apiKey = `&api_key=dc6zaTOxFJmzC`;
      const searchTerm = search;
      const url = `${type}${searchType}${searchTerm}${apiKey}`;

      setLoading(true);
      const response = await request.get(url);
      console.log("response", response);
      setData(response.data.image_url);
      setLoading(false);
    };
    getUrl();
  }, []);
  return [loading, data];
};

export default useGiphy;