Unhandled Runtime Error : Invalid src prop : NextJs : Cloudinary : UploadImages : cldUploadWidget

 

If you are updating <cldUploadWidget/> cloudinary website upload image components or other site components and get this error then the solution is simple just amend the nextjs.config.js file in your project make the following changes and your project will work 

Here is the code for the nextjs.config.js file just replace the file

/** @type {import('next').NextConfig} */

const nextConfig = {

    images: {

        domains: [

            'res.cloudinary.com'

        ]

    }

}

module.exports = nextConfig

Want to Learn  Next.js, TypeScript, Tailwind CSS then watch this video https://youtu.be/rftadFuDmC8

Learn to Build a Calculator App with Next.js, TypeScript, Tailwind CSS, and Deploy on Vercel