Why would this be giving me an error?

[ahmetskilinc]

The following snippet is giving me a type error:

{
    ...title,
    admin: {
        ...title.admin,
        condition: (_, siblingData) => siblingData.typist === false,
    },
},

  Types of property 'admin' are incompatible.
    Type '{ position?: "sidebar"; width?: string; style?: CSSProperties; className?: string; readOnly?: boolean; disabled?: boolean; condition?: Condition<any, any>; description?: any; components?: { Filter?: React.ComponentType<any>; Cell?: React.ComponentType<...>; Field?: React.ComponentType<...>; }; disableBulkEdit?: bool...' is not assignable to type 'Admin & { placeholder?: string | Record<string, string>; autoComplete?: string; }'.
      Type '{ position?: string; width?: string; condition?: Condition<any, any>; disableBulkEdit?: boolean; components?: { Filter?: React.ComponentType<any>; Cell?: React.ComponentType<any>; Field: React.ComponentType<any>; }; }' is not assignable to type 'Admin & { placeholder?: string | Record<string, string>; autoComplete?: string; }'.
        Type '{ position?: string; width?: string; condition?: Condition<any, any>; disableBulkEdit?: boolean; components?: { Filter?: React.ComponentType<any>; Cell?: React.ComponentType<any>; Field: React.ComponentType<any>; }; }' is not assignable to type 'Admin'.
          Types of property 'position' are incompatible.
            Type 'string' is not assignable to type '"sidebar"'

I've already got a 'title' defined which I use in other blocks/collections but I want to spread it so I can add a condition to it - however I'm getting that error.

[DanRibbens]

Hey @ahmetskilinc,

I don't know why typescript is having a problem with this. Does the issue go away if you set the type of the title field to TextField from Payload like so?

import type { TextField } from 'payload/types'

const title: TextField = {
  name: 'title',
  type: 'text',
  admin: {
    position: 'sidebar',
  },
};

Looking into a fix in Payload was a dead-end. I thought it was because the UI admin.sidebar from is position?: string and I tried to change it to position?: 'sidebar' but it didn't have any effect. I think it is best to type the field as best you can.