Тип "CssFunctionReturnType" не может быть назначен типу "InterpolationFunction <any>" .ts(2769)

В последнее время я получаю сообщение об ошибке каждый раз, когда пытаюсь использовать функцию css из стилизованной системы. Раньше он работал отлично, без ошибок. Нет, я получаю сообщение об ошибке:

Тип 'CssFunctionReturnType' не может быть назначен типу 'InterpolationFunction'.ts(2769)

Вот фрагмент кода, в котором возникает ошибка:

const FlexCol6Left = styled(FlexCol6 as any)`
  padding-top: 0;
  ${css({
    paddingLeft: ['0', '0', '0'],
  })}
`;

Остальная часть сообщения об ошибке:

Этому вызову не соответствует ни одна перегрузка. Перегрузка 1 из 3, '(первый:TemplateStringsArray | CSSObject | InterpolationFunction,... rest: Interpolation[]): StyledComponent<...>' вызвала следующую ошибку. Аргумент типа "CssFunctionReturnType" не может быть назначен параметру типа "Интерполяция". Тип "CssFunctionReturnType" не может быть назначен типу "InterpolationFunction". Тип "CSSObject" нельзя присвоить типу "Интерполяция". Тип "CSSObject" нельзя присвоить типу "строка". Перегрузка 2 из 3, '(первый:TemplateStringsArray | CSSObject | InterpolationFunction,... rest: Interpolation[]): StyledComponent<...>', вызвала следующую ошибку. Аргумент типа "CssFunctionReturnType" не может быть назначен параметру типа "Интерполяция". Тип 'CssFunctionReturnType 'не может быть назначен типу' InterpolationFunction'.

Я использую машинописную версию: ^4.0.3

Источник

1 ответ

Поэтому после некоторых проб и ошибок я решил проблему, импортировав типы для стилизованных компонентов с помощью @types/styled-components.

Источник
Другие вопросы по тегам