title: NextJS load external image Amazon
body: <p>There is a specific url on amazon that stores some images on s3 that the amazon domain in question is already configured on the domain in next.config.js, but does not load on the front. If I put any external url, unsplah or other, it loads normally.</p>
  <p>The url in question is: idinheiro-admin-images.s3.sa-east-1.amazonaws.com</p>
  <p>And the error that occurs on the console is in the url with 404 (Bad Request)</p>
  <p><strong>-- Error console --</strong></p>
  <pre><code>GET http://localhost:3000/_next/image?url=https%3A%2F%2Fidinheiro-admin-images.s3.sa-east-1.amazonaws.com%2Fcartao-de-credito%2Fol%25C3%25A9%2520consignado_1619718123784.png&amp;w=64&amp;q=75 400 (Bad Request)
  
  </code></pre>
  <p><strong>-- next.config.js --</strong></p>
  <pre><code>(module.exports = {
      images: {
        domains: [
          'images.unsplash.com',
          'idinheiro-admin-images.s3.sa-east-1.amazonaws.com'
        ]
      }
    })
  
  </code></pre>
  <p><strong>-- usage component --</strong></p>
  <pre><code>&lt;Image
     src=&quot;https://idinheiro-admin-images.s3.sa-east-1.amazonaws.com/cartao-de-credito/ol%C3%A9%20consignado_1619718123784.png&quot;
     alt={partnerCard.alt}
     width={100}
     height={63}
  /&gt;
  </code></pre>