Trouble adding reference to array causing crashes in Sanity UI

Error: Objects are not valid as a React child (found: object with keys {$$typeof, render}). If you meant to render a collection of children, use an array instead.

    defineField({
      name: 'products',
      title: 'Products',
      description: 'Product landings will be pulled automatically unless specified here',
      type: 'array',
      of: [
        {
          type: 'productLandingWithVariant',
        },
        {
          type: 'productBundle',
        }
      ]
    }),

export default defineField({
  name: 'productBundle',
  title: 'Product Bundle',
  type: 'object',
  icon: TagIcon,
  fields: [
    defineField({
      name: 'bundleProduct',
      type: 'reference',
      to: [{type: 'bundle'}],
      weak: true,
    }),
  ],
  preview: {
    select: {

      title: 'bundle.title',
  
    },
    prepare(selection) {
      const {
        title,
      } = selection

      return {
        title: title,
      }
    },
  },
})