Troubleshooting image upload issues in Sanity Studio

ResizeObserver loop completed with undelivered notifications.

[Error] Failed to load resource: the server responded with a status of 400 () (production, line 0)
<https://2g3wminh.api.sanity.io/v1/assets/images/production?tag=sanity.studio.asset.upload&filename=ephemera-sam-baldwin-180507-185944.jpeg&meta=dimensions&meta=hasAlpha&meta=isOpaque&meta=blurhash&meta=lqip&meta=palette&meta=exif>

The input component for type "item" has no associated ref element. Please check the implementation of "Unknown" [
Object
]. If this is a function component, it must be wrapped in React.forwardRef(). Read more at <https://docs.sanity.io/help/input-component-no-ref>

import { MdOutlineInsertDriveFile } from 'react-icons/md'

export default {
  name: 'item',
  title: 'Item',
  type: 'document',
  icon: MdOutlineInsertDriveFile,
  groups: [
    {
      name: 'data',
      title: 'Data'
    },
    {
      name: 'images',
      title: 'Images'
    },
  ],
  fieldsets: [
    {
      name: 'dimensions',
      title: 'Dimensions',
      options: {
        columns: 2,
      },
    }
  ],
  fields: [
    {
      name: 'title',
      type: 'string',
      validation: Rule => Rule.required(),
    },
    {
      name: 'slug',
      type: 'slug',
      options: {
        source: 'title',
        maxLength: 96,
      },
      validation: Rule => Rule.required(),
    },
    {
      name: 'publishedAt',
      title: 'Published at',
      type: 'datetime',
      initialValue: (new Date()).toISOString(), // Set date automatically
      validation: Rule => Rule.required(),
    },
    {
      name: 'images',
      type: 'array',
      title: 'Images',
      of: [
        {
          name: 'image',
          type: 'singleImage',
        },
      ],
      options: {
        layout: 'grid',
      },
      validation: Rule => Rule.required(),
    },
    {
      name: 'designer',
      type: 'reference',
      weak: true,
      to: {type: 'designer'},
      group: 'data',
    },
    {
      name: 'tags',
      type: 'array',
      of: [
        {
          type: 'reference',
          weak: true,
          to: {type: 'tag'},
        },
      ],
      group: 'data',
    },
    {
      name: 'typefaces',
      type: 'array',
      of: [
        {
          type: 'reference',
          weak: true,
          to: {type: 'typeface'},
        },
      ],
      group: 'data',
    },
    {
      name: 'width',
      type: 'number',
      description: 'Width in millimetres',
      group: 'data',
      fieldset: 'dimensions',
    },
    {
      name: 'height',
      type: 'number',
      description: 'Height in millimetres',
      group: 'data',
      fieldset: 'dimensions',
    },
    {
      name: 'artworkDate',
      title: 'Artwork date',
      type: 'date',
      group: 'data',
    },
    {
      name: 'notes',
      type: 'blockContent',
      group: 'data',
    },
  ],

  preview: {
    select: {
      title: 'title',
      images: 'images',
    },
    prepare(selection) {
      const {title, images} = selection
      return {
        title: title,
        media: images ? images[0] : false,
      }
    }
  },

  orderings: [
    {
      title: 'Artwork Date, New',
      name: 'artworkDateDesc',
      by: [
        {field: 'artworkDate', direction: 'desc'}
      ]
    },
    {
      title: 'Artwork Date, Old',
      name: 'artworkDateAsc',
      by: [
        {field: 'artworkDate', direction: 'asc'}
      ]
    },
    {
      title: 'Published At, New',
      name: 'publishedAtDesc',
      by: [
        {field: 'publishedAt', direction: 'desc'}
      ]
    },
    {
      title: 'Published At, Old',
      name: 'publishedAtAsc',
      by: [
        {field: 'publishedAt', direction: 'asc'}
      ]
    },
  ]
}

export default {
  name: 'singleImage',
  title: 'Image',
  type: 'image',
  fields: [
    {
      name: 'alt',
      title: 'Alt text',
      type: 'string'
    }
  ],
  options: {
    accept: 'image/*',
    metadata: [
      'dimensions',
      'hasAlpha',
      'isOpaque',
      'blurhash',
      'lqip',
      'palette',
      'exif',
    ],
  },
}