Issue with alt text not displaying for images in Sanity plugin media library.

*[_type == "page" && !(_id in path('drafts.**'))][0] {"id": _id, ...}

image:asset:_ref: "image-6d2fe8729fb831257b98763b6734668daa27b696-2124x1590-png"
_type: "reference"

{
      name: 'image',
      title: 'Image',
      type: 'image',
    },

import Image from 'next/image';
import imageUrlBuilder from '@sanity/image-url';

import sanity from '../../utils/sanity';
import config from '../../utils/config';

export function urlFor(source) {
  return imageUrlBuilder(sanity).image(source);
}

const SanityImage = ({ src, layout, width, height, alt, ...props }) => (
  <Image
    src={urlFor(src).width(width).height(height).url()}
    width={width}
    height={height}
    layout={layout || 'responsive'}
    alt={alt || config.siteName}
    {...props}
  />
);

export default SanityImage;

*[_type == "page" && !(_id in path('drafts.**'))][0] {..,
"id": _id, 
"Image": image.asset ->,
...}