Conditionally render fields based on a field value in a relationship

For example, lets assume I have 2 collections that are related;

and

.

has a

text field and a

checkbox field:

const ItemTypes: CollectionConfig = {
  slug: "itemTypes",
  access: {
    read: () => true,
  },
  admin: {
    useAsTitle: "name",
    group: "Items",
  },
  fields: [
    {
      name: "name",
      type: "text",
      required: true,
    },
    {
      name: "sellable",
      type: "checkbox",
      defaultValue: false,
    },
  ],
};

has a

text field, a

relation and a

field which I want to make only render when

:

const Items: CollectionConfig = {
  slug: "items",
  access: {
    read: () => true,
  },
  admin: {
    useAsTitle: "name",
    group: "Items",
  },
  fields: [
    {
      name: "name",
      type: "text",
      required: true,
    },
    {
      name: "type",
      type: "relationship",
      relationTo: ItemTypes.slug,
      hasMany: false,
      required: true,
    },
    {
      name: "sellPrice",
      type: "number",
      required: true,
      admin: {
        condition: (data) => data.type?.sellable,
      },
    },
  ],
};

How could I do this? In the

of

, all I get is the id of the type rather than any of the info, and it doesn't accept an async function in order to lookup the id in the related collection.