Using custom inputs to dynamically hide items in Sanity arrays.

   {
      title: 'Modules',
      name: 'modules',
      group: 'content',
      type: 'array',
      of: [
        {
          type: 'page.jobListings',
          hidden: ({document}) => document?.pageTemplate !== 'jobs',
        },

import {useFormValue} from 'sanity'

const title = useFormValue(['title'])

const pageBlocks = [
  {type: 'page.jobListings', options: { template: 'jobs' }},
  {type: 'page.marquee', options: { template: 'any' }},
]

function PageTemplateInput(props) {
  const {schemaType, renderDefault} = props

  // Get active template
  const pageTemplate = useFormValue(['pageTemplate'])
  // filter allowed modules by the template type
  const allowedTypes = 
    schemaType.of.filter(({ options }) => {
      return options.template === pageTemplate || options.template === 'any'
    })
      
  //render the default component and replace the allowed types
  return renderDefault({...props, schemaType: {...schemaType, of: allowedTypes}})
}