No population on global collection relationship field regardless of depth or maxdepth

[HQ92]

I am currently working on updating an old Payload 1 admin panel to version 3 and am seeing a discrepancy in the way that the global collections api is working on responding to requests. The old version of the panel, up until and including Payload 2 would return me the actual document details for relationship field according to depth and maxdepth specified correctly, the newer payload 3 does not do this. It fails to return to me any of the document details that i expect.

This is from payload v2 for the same global collection with a depth of 1:

// main-menu.ts

import { GlobalConfig } from 'payload/types';
import { isAdminOrEditor } from '../access/isAdminOrEditor';
import link from '../fields/link';

export const MainMenu: GlobalConfig = {
  slug: 'main-menu',
  access: {
    read: () => true,
    update: isAdminOrEditor,
  },
  fields: [
    {
      name: 'navItems',
      type: 'array',
      fields: [
        link(),
      ],
    },
  ],
};

// fields/links.ts

import { Field, GroupField } from 'payload/types';
import deepMerge from '../utilities/deepMerge';

type LinkType = (options?: {
  disableLabel?: boolean;
  overrides?: Partial<GroupField>;
}) => Field;

const link: LinkType = ({ disableLabel = false, overrides = {} } = {}) => {
  const linkResult: Field = {
    name: 'link',
    type: 'group',
    admin: {
      hideGutter: true,
      ...(overrides?.admin || {}),
    },
    fields: [
      {
        name: 'type',
        type: 'radio',
        options: [
          {
            label: 'Internal link',
            value: 'reference',
          },
          {
            label: 'Custom URL',
            value: 'custom',
          },
        ],
        defaultValue: 'reference',
        admin: {
          layout: 'horizontal',
        },
      },
    ],
  };

  const linkTypes: Field[] = [
    {
      name: 'reference',
      label: 'Document to link to',
      type: 'relationship',
      relationTo: ['pages', 'experiences'],
      required: true,
      maxDepth: 1,
      admin: {
        condition: (_, siblingData) => siblingData?.type === 'reference',
      },
    },
    {
      name: 'url',
      label: 'Custom URL',
      type: 'text',
      required: true,
      admin: {
        condition: (_, siblingData) => siblingData?.type === 'custom',
      },
    },
  ];
  linkResult.fields = [...linkResult.fields, ...linkTypes];

  const linkProps: Field = {
    name: 'properties',
    type: 'group',
    admin: {
      hideGutter: true,
    },
    fields: [],
  };

  if (!disableLabel) {
    linkProps.fields.push({
      type: 'row',
      fields: [
        {
          name: 'label',
          label: 'Label',
          type: 'text',
          required: true,
        },
      ],
    });
  }

  linkResult.fields.push(linkProps);

  return deepMerge(linkResult, overrides);
};

export default link;

The same code in payload v3 gives me a shallower response without the actual page details:

// main-menu.ts

import type { GlobalConfig } from 'payload';

import { adminOrEditor } from '@/access/admin-or-editor';
import { link } from '@/fields/link';
import { revalidateMainMenu } from './hooks/revalidate-main-menu';

export const MainMenu: GlobalConfig = {
  slug: 'main-menu',
  access: {
    read: () => true,
    update: adminOrEditor,
  },
  fields: [
    {
      name: 'navItems',
      type: 'array',
      fields: [
        link(),
      ],
      maxRows: 6,
    },
  ],
  hooks: {
    afterChange: [revalidateMainMenu],
  },
};

// fields/links.ts

import type { Field } from 'payload';

import deepMerge from '@/utilities/deepMerge';

type LinkType = (options?: {
  disableLabel?: boolean;
  overrides?: Record<string, unknown>;
}) => Field;

export const link: LinkType = ({ disableLabel = false, overrides = {} } = {}) => {
  const linkResult: Field = {
    name: 'link',
    type: 'group',
    interfaceName: 'Link',
    admin: {
      hideGutter: true,
    },
    fields: [
      {
        type: 'row',
        fields: [
          {
            name: 'type',
            type: 'radio',
            admin: {
              layout: 'horizontal',
              width: '50%',
            },
            defaultValue: 'reference',
            options: [
              {
                label: 'Internal link',
                value: 'reference',
              },
              {
                label: 'Custom URL',
                value: 'custom',
              },
            ],
          },
          {
            name: 'newTab',
            type: 'checkbox',
            admin: {
              style: {
                alignSelf: 'flex-end',
              },
              width: '50%',
            },
            label: 'Open in new tab',
          },
        ],
      },
    ],
  };

  const linkTypes: Field[] = [
    {
      name: 'reference',
      type: 'relationship',
      admin: {
        condition: (_, siblingData) => siblingData?.type === 'reference',
      },
      label: 'Document to link to',
      maxDepth: 2,
      relationTo: ['pages', 'experiences'],
      hasMany: false,
      required: true,
    },
    {
      name: 'url',
      type: 'text',
      admin: {
        condition: (_, siblingData) => siblingData?.type === 'custom',
      },
      label: 'Custom URL',
      required: true,
    },
  ];

  if (!disableLabel) {
    linkTypes.map((linkType) => ({
      ...linkType,
      admin: {
        ...linkType.admin,
        width: '50%',
      },
    }));

    linkResult.fields.push({
      type: 'row',
      fields: [
        ...linkTypes,
        {
          name: 'label',
          type: 'text',
          admin: {
            width: '50%',
          },
          label: 'Label',
          required: true,
        },
      ],
    });
  } else {
    linkResult.fields = [...linkResult.fields, ...linkTypes];
  }

  return deepMerge(linkResult, overrides);
};

Anyone that has any idea why this is happening? Initially I thought it would just be to do with the depth or max depth but that does not seem to change anything?