Images stored in an appwrite bucket wont load when using vercels image optimization. I would like for the images to load. Everything works fine without vercels image optimization and on local host.

In my astroJS config I have:

1
export default defineConfig({
2

3
   ...
4

5
  adapter: vercel({
6
    imageService: true,
7
  }),
8

9
  image: {
10
    domains: ['https://cloud.appwrite.io'],
11
  },
12
})

For every image I have a component that makes a url and displays an image with that url: const imageUrl = https://cloud.appwrite.io/v1/storage/buckets/${import.meta.env.NEWS_IMAGES_ID}/files/${news.imageId}/view?project=${import.meta.env.PUBLIC_APPWRITE_PROJECT}

When I add Vercel's image optimization the image ur changes:

from: src="https://cloud.appwrite.io/v1/storage/buckets/;kjssdjfgsjdfgdf/files/kjsdfhjfdghfj/view?project=kjdshfsjfgjgf"

to: src="/_vercel/image?url=https%3A%2F%2Fcloud.appwrite.io%2Fv1%2Fstorage%2Fbuckets%jdsfghdsg%2Ffiles%sdkfgfdshfdfjff%2Fview%3Fproject%3D67bsdkjfhlkdjfj1df325c7ce&w=3840&q=100"

Using astroJS