Typing Table Records

[rowanwins]

Hi there,

I was hoping someone might be able to help me with a Typescript-related problem - I'm not very familiar with the more advanced parts of TS.

I want to add a Type to my Table Records when passing in a custom bodyCell slot.

<ATable>              
    <template #bodyCell="{ column, record }: {column: ColumnType, record: MyTyping}">
    </template>
</ATable>

The typing appears to work in the Vue Component, however vue-tsc throws the following.

src/components/....vue - error TS2322: Type '{ text: any; value: any; record: Record<string, any>; index: number; column: ColumnType<any>; }' is not assignable to type '{ column: ColumnType<any>; record: MyTyping; }'.
  Types of property 'record' are incompatible.
    Type 'Record<string, any>' is not assignable to type 'MyTyping'.

8     <template #bodyCell="{ column, record }: {column: ColumnType, record: MyTyping}">

Any advice would be appreciated :)

[rowanwins]

The easiest fix I've been able to work out so far is to just do something like - this works, although isn't optimal.

<ATable>              
    <template #bodyCell="{ column, record }">
         {{ whatever(record as MyTyping) }}
    </template>
</ATable>