How to preview content on an object with an array of media in Sanity.io

export default {
  title: "Media Section",
  name: "mediaSection",
  type: "object",
  fields: [
    {
      title: "Media",
      name: "media",
      type: "array",
      of: [{ type: "img" }, { type: "video" }],
      validation: (Rule) => Rule.max(3),
    },
  ],
  preview: {
    select: {
      title: "media.0.alt",
      media: "media.0",
      mediaType: "media.0._type",
    },
    prepare({ title, media, mediaType }) {
      return {
        title: title,
        media: media,
        icon: mediaType == "image" ? FiImage : FiFilm,
      };
    },
  },
};