I am trying to display gifs from tenor with discordjs. I have read similar posts that requires setImage an actual file.

export const PINCH=[
    "https://tenor.com/view/anime-pinch-face-gif-14114215.gif",
    "https://tenor.com/view/hestia-cheek-pinch-cute-danmachi-is-it-wrong-to-try-to-pick-up-girls-in-a-dungeon-gif-19893304.gif",
    "https://tenor.com/view/horimiya-anime-shota-hori-siblings-gif-19989089.gif",
    "https://tenor.com/view/anime-cute-pinch-tanakakun-is-always-listless-gif-14725930.gif",
    "https://tenor.com/view/anime-hibike-euphonium-asuka-tanaka-oumae-kumiko-pinch-gif-16488937.gif",
    "https://tenor.com/view/squishy-cheeky-anime-gif-15322355.gif",
    "https://tenor.com/view/rikka-takanashi-so-cute-chuunibyou-pinch-face-anime-gif-13451272.gif",
    "https://tenor.com/view/slap-butts-anime-hit-gif-14179587.gif"
]

I have set images in an array and NOT making a fetch call to get images. Here is the code that builds the emebed image.

const getEmbedWithUser= (user: User, mention: User)=>{
    const image=PINCH[Math.floor(Math.random()*PINCH.length)]
    return new EmbedBuilder()
        .setColor(0x0099FF)
        .setAuthor({
            name: `${user.username} pinches ${mention?.username}!! Aaa, that hurts`,
            iconURL: user.avatarURL() || ""
        })
        .setImage(image);
}

Images are in loading state and then shows a discord poop image. How do I solve this?

But I give direct links like this..

.setImage("https://c.tenor.com/M9fgYFTTCqQAAAAC/anime-cute.gif");

The image shows and works as expected.