Тип '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, '(first: 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


reactjs typescript styled-system
person EdwinS95    schedule 24.11.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

person EdwinS95    schedule 24.11.2020