Skip to main content

`next/image` Un-configured Host

Why This Error Occurred​

One of your pages that leverages the next/image component, passed a src value that uses a hostname in the URL that isn't defined in the images.remotePatterns in next.config.js.

Possible Ways to Fix It​

Add the protocol, hostname, port, and pathname to the images.remotePatterns config in next.config.js:

module.exports = {
images: {
remotePatterns: [
{
protocol: 'https',
hostname: 'assets.example.com',
port: '',
pathname: '/account123/**',
},
],
},
}

Fixing older versions of Next.js​