Property 'sizes' does not exist on type 'number | Media'

I have created a

collection and have a relation on my

collection for a

field.

After generating types, I am seeing typescript complaining that

or

(or anything on

for that matter) do no exist on type

If I remove

from the generated types for the

property, it no longer complains. But I suspect this is not the correct approach, what am I missing?

// payload-types.ts
export interface Post {
  id: number;
  title: string;
  featuredImage?: number | Media | null;
  slug?: string | null;
  content?: string | null;
  updatedAt: string;
  createdAt: string;
  _status?: ('draft' | 'published') | null;
}

I'm using

For reference, here is my

collection:

import type { CollectionConfig } from 'payload/types';

import { slugifyPost } from './hooks/slugifyPost';
import { revalidatePosts } from './hooks/revalidatePosts';
import { revalidatePostsAfterDelete } from './hooks/revalidatePostsAfterDelete';

export const Posts: CollectionConfig = {
  slug: 'posts',
  admin: {
    useAsTitle: 'title',
  },
  versions: {
    drafts: true,
  },
  fields: [
    {
      name: 'title',
      label: 'Title',
      type: 'text',
      required: true,
    },
    {
      name: 'featuredImage',
      label: 'Featured Image',
      type: 'upload',
      relationTo: 'media',
    },
    {
      name: 'slug',
      label: 'Slug',
      type: 'text',
      admin: {
        position: 'sidebar',
      },
      hooks: {
        beforeValidate: [slugifyPost],
      },
    },
    {
      name: 'content',
      label: 'Content',
      type: 'textarea',
    },
  ],
  hooks: {
    afterChange: [revalidatePosts],
    afterDelete: [revalidatePostsAfterDelete],
  },
};

And here's my

collection:

import type { CollectionConfig } from 'payload/types';

export const Media: CollectionConfig = {
  slug: 'media',
  upload: {
    staticDir: 'media',
    imageSizes: [
      {
        name: 'card',
        width: 600,
        height: 400,
        formatOptions: { format: 'webp', options: { quality: 90 } },
      },
    ],
    adminThumbnail: 'thumbnail',
    mimeTypes: ['image/*'],
  },
  fields: [
    {
      name: 'alt',
      type: 'text',
    },
  ],
};

Is there a possibility my types aren't being correctly generated here?