Почему при выполнении вложенных операций теряется тип переменной?

Question

[Дмитрий Иванов]

Есть два интерфейса

interface IBigItem {
  fieldName: string
  label: string
  default?: boolean
  ...еще много полей
}
interface ISmallItem {
  fieldName: string
  label: string
  default: boolean
}

Есть большой массив с данными
const columns: IBigItem[]
Из него получаем вначале второй массив

const selected: ISmallItem = columns.map(column => ({
      fieldName: column.fieldName,
      label: column.label,
      default: column.default ?? false
}))

Потом с selected выполняется ряд операций по изменению порядка (сортировка) элементов и у элементов может измениться свойство default. Никаких новых элементов не добавляется и ничего не удаляется.

После этого нам нужно привести массив columns к тому же порядку элементов, что и selected, и обновить свойство default из selected.

const newColumns = selected.map(selectedColumn => {
  const newColumn = columns.find(columnDef => columnDef.fieldName === selectedColumn.fieldName)
  newColumn.default = selectedColumn.default
  return  newColumn
})

На строчке columnDef.fieldName === selectedColumn.fieldName выскакивает ошибка "Unsafe member access .fieldName on an `any` value" над selectedColumn.fieldName

А на строчке newColumn.default = selectedColumn.default ошибка "Unsafe assignment of an `any` value" над newColumn.default и "Unsafe member access .fieldName on an `any` value" над selectedColumn.default.

В чем проблема понять не могу, т.к. в IDE при наведении курсора на selectedColumn показывает правильный тип ISmallItem... Пробовал явно указывать типы через as и делать временные переменные, ничего не помогает.

Comments

[Pavel Shvedov]

const selected: ISmallItem = columns.map(column => ({

в типе опечатка? Раз уж это массив, то должен быть тип массив

[Aetae]

Сделайте минимальный пример где видно ошибку(например тут) , гадать что у вас там за магия и почему она не работает - неохота.

[Дмитрий Иванов]

Pavel Shvedov, Это опечатка, конечно ISmallItem[]

[Дмитрий Иванов]

Aetae, повторил

Только тут ошибки не показывает. На самом деле у меня ошибку показывает ESLint: Unsafe member access .fieldName on an `any` value.(@typescript-eslint/no-unsafe-member-access) и т.п.

[Lynn «Кофеман»]

И очевидного TS считает что columns.find может вернуть undefined, потому что он не настолько умный что бы заметить связь columns и selected

[Дмитрий Иванов]

Lynn «Кофеман», с этим я соглашусь и это понятно, как решить, но вопрос-то совершенно в другом.
Почему выдается ошибка/предупреждение ESLint на columnDef.fieldName === selectedColumn.fieldName

[Aetae]

HiDiv, стоп. Приедупреждение eslint а не самого typescript, судя по примеру?
Ну и пошёл этот ESLint нахрен, всего делов.)
Какой-то косяк в кастомном правиле, которое что-то не учитывает. ESLint и его правила не имеют никакого отношения к typescript и пишутся рандомными чуваками. Заведите им баг на гитхабе.)

...upd: проверил ваш пример тут(надо вручную вниз добавить:

{
  '@typescript-eslint/no-unsafe-member-access': 'error',
}

).
Он не даёт срабатывания этого правила.

Либо нужны какие-то ещё более специфические условия, либо вам надо просто обновить @typescript-eslint или сам typescript.