resolved useEffect

This commit is contained in:
tejaspanchall
2025-06-23 19:44:41 +05:30
parent 2064170141
commit 1c0e1cfe14

View File

@@ -11,13 +11,6 @@ export default function AnimeCard({ anime, isRecent }) {
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
const timerRef = useRef(null); const timerRef = useRef(null);
if (!anime) return null;
const handleImageError = () => {
console.log("Image error for:", anime.name);
setImageError(true);
};
// Fetch first episode ID when component mounts for recent anime // Fetch first episode ID when component mounts for recent anime
useEffect(() => { useEffect(() => {
const fetchFirstEpisode = async () => { const fetchFirstEpisode = async () => {
@@ -71,6 +64,13 @@ export default function AnimeCard({ anime, isRecent }) {
if (timerRef.current) clearTimeout(timerRef.current); if (timerRef.current) clearTimeout(timerRef.current);
}; };
}, [anime?.id, anime?.name, isRecent, firstEpisodeId, isLoading]); }, [anime?.id, anime?.name, isRecent, firstEpisodeId, isLoading]);
if (!anime) return null;
const handleImageError = () => {
console.log("Image error for:", anime.name);
setImageError(true);
};
// Get image URL with fallback // Get image URL with fallback
const imageSrc = imageError ? '/images/placeholder.png' : anime.poster; const imageSrc = imageError ? '/images/placeholder.png' : anime.poster;