GifGrid.tsx

 useEffect(() => {
    const fetchTrendingGifs = async () => {
      try {
        const response = await fetch(
          `https://api.giphy.com/v1/gifs/trending?api_key=${import.meta.env.VITE_GIPHY_API_KEY}&limit=25`
        );
        
        if (!response.ok) {
          throw new Error(`HTTP error! status: ${response.status}`);
        }
        
        const data = await response.json();
        setGifs(data.data);
        setLoading(false);
      } catch (error) {
        handleError(error as Error);
      }
    };

    fetchTrendingGifs();
  }, []);