Access sibling field in an array field from a custom component

import { CollectionConfig } from 'payload/types';
import IngredientUnit from '../components/IngredientUnit';

const Recipes: CollectionConfig = {
  slug: 'recipes',
  admin: {
    useAsTitle: 'name',
  },
  fields: [
    {
      name: 'title',
      type: 'text',
    },
    {
        name: 'ingredients',
        type: 'array',
        fields: [
            {
                name: 'name',
                type: 'text'
            },
            {
                name: 'quantity',
                type: 'text'
            },
            {
                name: 'unit',
                type: 'text',
                admin: {
                    components: {
                        Field: IngredientUnit
                    }
                }
            }
        ]
    }
  ],
}

export default Recipes;