Машинопись. Создание экземпляров типа является чрезмерно глубоким и, возможно, бесконечным. Как исправить.

Я только что начал переход на TypeScript. Я ежедневно вижу много неизвестных и неочевидных сообщений линтера. Не всегда умею ими управлять.

Одно из сообщений:

Type instantiation is excessively deep and possibly infinite.ts(2589)

Visual Studio Code IDE отображает его для компонента. Самое неприятное, что вся составляющая подчеркнута красной волнистой линией. Очень затрудняет чтение кода.

Проблема скрывается в файле StyledComponents. Нам нужно описать тип стилизованного компонента, как я показываю ниже.

const InputContainer = styled(Container)`
&& {
   width: ${props => props.width || 500}px;
}
` as typeof Container

UPD 1: Также вы можете попробовать воспользоваться следующим способом
(спасибо Даниилу Остапенко):

const InputContainer = styled(Container)<typeof Container>`
  ...
`

После добавления типа все начинает работать.

Вы знаете другие случаи и решения? Пожалуйста, поделитесь в комментариях ниже. Спасибо!

Удачного кодирования!