title: Getting errors in console in Nextjs while using images from Unsplash
body: <p>I am using Unsplash images in my Nextjs App. Images are loaded and showing in the app but I am getting these errors and warnings. The way I am using images I just copy the image address from Unsplash and paste the URL in the <code>src</code> attribute.</p>
  <p>Here is the next.config.js file:</p>
  <pre><code>/** @type {import('next').NextConfig} */
  
  const nextConfig = {
    reactStrictMode: true,
    distDir: &quot;build&quot;,
    images: {
      domains: [&quot;images.unsplash.com&quot;, &quot;cdn.pixabay.com&quot;, &quot;images.pexel.com&quot;],
    },
  };
  
  module.exports = nextConfig;
  </code></pre>
  <p><strong>Console error:</strong></p>
  <p><a href="https://i.stack.imgur.com/gjetj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gjetj.jpg" alt="enter image description here" /></a></p>
  <p><strong>Network Tab error:</strong></p>
  <p><a href="https://i.stack.imgur.com/q5A2S.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/q5A2S.jpg" alt="enter image description here" /></a></p>
  <p>Note: I have also edited the next.config.js file.</p>