Error: Array must contain at most 50 element(s) at "images.remotePatterns"

[albertolive]

Summary

Hi, I'm creating a project showing all Catalonia events in a single place. I'm getting the images from different sources and adding them to next.config.js. The problem is that I have reached a limit I didn't know, and there isn't documentation on how to make it work with more than 50 elements. Here's an example of the file:

 ⚠ Found a change in next.config.js. Restarting the server to apply the changes...
Invalid next.config.js options detected: 
    Array must contain at most 50 element(s) at "images.remotePatterns"
See more info here: https://nextjs.org/docs/messages/invalid-next-config

images: {
    remotePatterns: [
      { hostname: "res.cloudinary.com" },
      { hostname: "www.tarambana.cat" },
      { hostname: "tarambana.cat" },
      { hostname: "www.cinemaesbarjo.cat" },
      { hostname: "www.teatreauditoricardedeu.cat" },
      { hostname: "www.cardedeu.cat" },
      { hostname: "www.llinarsdelvalles.cat" },
      { hostname: "www.canovesisamalus.cat" },
      { hostname: "www.lagarriga.cat" },
      { hostname: "www.granollers.cat" },
      { hostname: "www.llissadevall.cat" },
      { hostname: "www.santantonidevilamajor.cat" },
      { hostname: "www.martorelles.cat" },
      { hostname: "www.santestevedepalautordera.cat" },
      { hostname: "www.smpalautordera.cat" },
      { hostname: "www.vilamajor.cat" },
      { hostname: "www.parets.cat" },
      { hostname: "www.santfeliudecodines.cat" },
      { hostname: "www.caldesdemontbui.cat" },
      { hostname: "estatics-nasia.dtibcn.cat" },
      { hostname: "www.castellbisbal.cat" },
      { hostname: "www.matadepera.cat" },
      { hostname: "www.montcada.cat" },
      { hostname: "www.rellinars.cat" },
      { hostname: "www.savall.cat" },
      { hostname: "www.staperpetua.cat" },
      { hostname: "www.ullastrell.cat" },
      { hostname: "www.polinya.cat" },
      { hostname: "www.ametlla.cat" },
      { hostname: "www.figaro-montmany.cat" },
      { hostname: "www.fogarsdemontclus.cat" },
      { hostname: "www.llagosta.cat" },
      { hostname: "www.martorelles.cat" },
      { hostname: "www.montseny.cat" },
      { hostname: "www.santfost.cat" },
      { hostname: "www.santamariademartorelles.cat" },
      { hostname: "www.vallgorguina.cat" },
      { hostname: "www.vallromanes.cat" },
      { hostname: "www.vilalbasasserra.cat" },
      { hostname: "www.vilanovadelvalles.cat" },
      { hostname: "alella.cat" },
      { hostname: "arenysdemar.cat" },
      { hostname: "argentona.cat" },
      { hostname: "cabrerademar.cat" },
      { hostname: "caldetes.cat" },
      { hostname: "calella.cat" },
      { hostname: "www.dosrius.cat" },
      { hostname: "www.mataro.cat" },
      { hostname: "www.montgat.cat" },
      { hostname: "www.orrius.cat" },
      { hostname: "www.ajllavaneres.cat" },
    ],

Thanks in advance

Additional information

No response

Example

https://www.esdeveniments.cat/

[ephraimduncan]

You can try this but then your images can be served from every other domain.

const nextConfig = {
  images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: "**",
      },
    ],
  },
};