Is there a way to override the hotspot and crop for previews?

import React from 'react'

export default {
  name: 'post',
  type: 'document',
  title: 'Post',
  fields: [
    {
      name: 'title',
      type: 'string',
    },
    {
      name: 'image',
      type: 'image',
      options: {
        hotspot: true
      }
    }
  ],
  preview: {
    select: {
      title: 'title',
      media: 'image.asset.url'
    },
    prepare({title, media}) {
      return {
        title,
        media: () => <img src={media} />,
      }
    }
  }
};

preview: {
    select: {
      ...,
      image: 'image.asset.url',
    },
    prepare({..., image}) {
      return {
        ...,
        media: () => <img src={urlFor(image).width(100).height(100).focalPoint(0.5, 0.2).crop('focalpoint').fit('max')} />,
      }
    }
  }