NextJS throws `"url" parameter is valid but upstream response is invalid"` [duplicate]

Question

I am fetching data from TMDB API, but the image didn't load.

I then opened the image in a new tab. This is shown:

"url" parameter is valid but upstream response is invalid

How do I resolve the issue?

Answer 1

Have you added the domain of the images to the next config ?

below is an example:

//next.config.js
module.exports = {
  reactStrictMode: true,
  webp: {
    preset: "default",
    quality: 100,
  },
  images: {
    domains: ["randomuser.me", "firebasestorage.googleapis.com"],
  },
  //Internationalization
  i18n: {
    locales: ["en", "it"],
    defaultLocale: "en",
  },
};