Hey,

I am getting 400 when trying to fetch any remote image.
Images work locally with npm run build && npn run start

Can someone help me debug and fix this error?

Images are hosted on Firestore

The link to an image that doesn't work:

https://sanalliset.netlify.app/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fsanalliset-nextjs.appspot.com%2Fo%2Fproduct-images%252FKIITOS_KAIKESTA_HOPEA.jpg%3Falt%3Dmedia%26token%3D4bf57ffd-fe38-47cb-b4d8-6c84985297d9&w=1080&q=75

And heres my config nextjs config:

/ @type {import('next').NextConfig} */
const nextConfig = {
images: {
remotePatterns: [
{
protocol: 'https',
hostname: 'sanalliset.fi',
pathname: '/'
},
{
hostname: 'firebasestorage.googleapis.com',
pathname: '/'
},
{
hostname: 'sanalliset.netlify.app',
pathname: '/'
},
]
},
};
export default nextConfig;