Issue with images in SANITY studio and how to fix it.

export default {
  name: "figure",
  title: "Image",
  type: "image",
  options: {
    hotspot: true,
  },
  fields: [
    {
      title: "Caption",
      name: "caption",
      description: "Leave blank if you do not want a caption",
      type: "string",
      options: {
        isHighlighted: true,
      },
    },
    {
      name: "alt",
      type: "string",
      title: "Alternative text",
      validation: (Rule) =>
        Rule.error("You have to fill out the alternative text.").required(),
      description: "Important for Seo and accessiblity.",
      options: {
        isHighlighted: true,
      },
    },
  ],
  preview: {
    select: {
      imageUrl: "asset.url",
      title: "alt",
    },
  },
}

const Preview = ({value}) => {
  return <div>hello</div>
}
{
  name: 'someImageBlock',
  type: 'object',
  title: 'Image',

  preview: {
    select: {
      imageUrl: 'image.asset.url'
    },
    prepare(selection){
      return selection
    },
    component: Preview
  }
}