Typescript выдает ошибку с последними стилизованными компонентами - PullRequest
Новая
       25

Typescript выдает ошибку с последними стилизованными компонентами

0 голосов
/ 10 июля 2020

У меня есть проект, который использует React, TypeScript и стилизованные компоненты. Я работал над этим проектом какое-то время, а затем решил обновить стилизованные компоненты до последней версии, то есть 5.1.1 (раньше это было 2.4.1). Итак, проект компилируется и работает нормально, но когда я пытаюсь его построить, он выдает следующие ошибки: 

node_modules/@types/styled-components/ts3.7/index.d.ts:151:69 - error TS2694: 
Namespace '"C:/path/node_modules/hoist-non-react-statics/index"' has no exported member 'NonReactStatics'.

151     string & StyledComponentBase<C, T, O, A> & 
hoistNonReactStatics.NonReactStatics<C extends React.ComponentType<any> ? C : never>;

node_modules/@types/styled-components/ts3.7/index.d.ts:253:65 - error TS2344: 
Type 'C' does not satisfy the constraint 'ComponentType<any>'.
  Type 'ElementType<any>' is not assignable to type 'ComponentType<any>'.
    Type '"symbol"' is not assignable to type 'ComponentType<any>'.
      Type 'C' is not assignable to type 'FunctionComponent<any>'.
        Type 'ElementType<any>' is not assignable to type 'FunctionComponent<any>'.
          Type '"symbol"' is not assignable to type 'FunctionComponent<any>'.

253     ? React.ComponentPropsWithRef<StyledComponentInnerComponent<C>>

Я пробовал разные версии TypeScript, старые версии стилизованных компонентов, более новые версия Node.js, но все это дает мне множество ошибок. Некоторые настройки выдают всего две ошибки, другие - 15. Я могу прикрепить свой tsconfig.json, если это поможет разобраться в проблеме. Моя версия TypeScript в настоящее время 3.7.

Насколько я понимаю, внутри пакетов, которые style-components используются для своих нужд, есть некоторые несовместимости. Но я не знаю, как их исправить.

...