Troubleshooting a GROQ Query for a Collection Carousel Component

*[_type == "home"]{
  modules[]{
    _key,
    _type,
    ......,
    defined(collection) => {collection},
    defined(button) => {button},
    defined(heading) => {heading},
    defined(productsToShow) => {productsToShow},
    ......,
  }
}

{
  _key:c7bc0977eabdfde721a019b2fedee81f
  _type:collectionCarrousel
  button: {
    _type:ctaButton
    link:/collections/annes-picks
    text:Shop now
  }
  collection: {
    _ref:shopifyCollection-26024345637
    _type:reference
  }
  heading:Layering Necklaces
  productsToShow:8
}

import {BlockElementIcon} from '@sanity/icons'

export default {
  title: 'Collection carrousel',
  name: 'collectionCarrousel',
  type: 'object',
  icon: BlockElementIcon,
  preview: {
    prepare({media}) {
      return {
        title: 'Collection carrousel',
        media: BlockElementIcon,
      }
    },
  },
  fields: [
    {
      title: 'Collection products to be displayed',
      name: 'collection',
      type: 'reference',
      to: [{type: 'collection'}],
    },
    {
      title: 'Heading',
      name: 'heading',
      type: 'string',
      description: 'Heading for the collection carrousel',
    },
    {
      title: 'Amount of products to show',
      name: 'productsToShow',
      type: 'number',
      description: 'Amount of products to show in the collection carrousel',
      validation: (Rule) => Rule.required().min(1).max(50),
    },
    {
      title: 'Button',
      name: 'button',
      type: 'ctaButton',
      description: 'Button displayed under carrousel',
    },
  ],
}