Почему конструкция [key: string]: any не срабатывает?

Question

[Incold]

Столкнулся с проблемой типизации компонентов.

Пример: https://www.typescriptlang.org/play?#code/JYWwDg9g...

Задача состоит в том, чтобы при передаче компонента в Pagination, переданный компонент обязательно принимал один проп data, а остальное необязательно (и неважно какой тип).

Но несмотря на конструкцию [key: string]: any

type ComponentProps<T> = {
  data: T[];
  [key: string]: any;
};

ts продолжает требовать полное перечислений пропов компонента и я получаю ошибку:

Type 'PropsWithChildren<ComponentProps>' is missing the following properties from type 'CompProps': x, y

Почему возникает эта ошибка и как её исправить?

Comments

[WbICHA]

Правильно, потому что для передаваемого компонента х и у обязательны, а пагинатора их передавать необязательно.
Либо делай х и у опциональными, либо вешай обёртку.