Last year i added this to my next.config so to display images from cloudinary

/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    domains: ["res.cloudinary.com"],
  },
};

module.exports = nextConfig;

Now is deprecated. Any idea how to fix it? Thanks.

Btw, i added this but doesnt work

/** @type {import('next').NextConfig} */
module.exports = {
    images: {
        remotePatterns: [
            {
                protocol: 'https',
                hostname: 'res.cloudinary.com',
                port: '',
                pathname: '<my-id>/image/upload/**',
            },
        ],
    },
}

I get this error:

 ReferenceError: module is not defined in ES module scope