How to fix Next.js Image component doesn't show Cloudinary image

My problems is the Image component doesn't show the image that fetch from cloudinary API.

I found the solution. If you are going to use an absolute url, you should use the domain in images of next.config.js.

module.exports = {
    images: {
        domains: ["res.cloudinary.com"],
    },
}

Ref:

• https://stackoverflow.com/questions/64735163/next-js-image-component-doesnt-show-cloudinary-image
• https://github.com/vercel/next.js/discussions/18538