Почему не срабатывает декларация темы styled при ее использовании в TyperScript?

Question

[zwezew]

Создал декларацию темы по примеру

// import original module declarations
import 'styled-components'

// and extend them!
declare module 'styled-components' {
  export interface DefaultTheme {
    borderRadius: string

    colors: {
      main: string
      secondary: string
    }
  }
}

и вызов

import { DefaultTheme } from 'styled-components'

const myTheme: DefaultTheme = {
  borderRadius: '5px',

  colors: {
    main: 'cyan',
    secondary: 'magenta',
  },
}

export { myTheme }

Далее использовал ее

import { createGlobalStyle } from 'styled-components';

export const MyComponent = styled.div`
  borderRadius: ${props => props.theme.borderRadius};
`;

Судя по комментарию // theme is now fully typed - переменные должны быть определены еще в декларации темы, тем не менее выдает ошибку

(parameter) props: any
Параметр "props" неявно имеет тип "any"

Answer 1

[Антон Спирин]

А где тут декларация темы?

Comments

[zwezew]

Поправил вопрос, сперва написал в нем код вызова вместо декларации.

[Антон Спирин]

zwezew, декларация в файле styled.d.ts? typescript у вас выше v4.1.4? styled-components актуальная версия?

[zwezew]

Антон Спирин, да, Styled.d.ts, "styled-components": "^4.1.3" и "@types/styled-components": "^4.1.13".
Typescript последний по npm install -g typescript - версия 3.4.2. Через next установился @ 3.5.0.

Сама тема здесь применяется без проблем, но через пропсы - нет.

import { DefaultTheme } from 'styled-components'

const myTheme: DefaultTheme = {
  borderRadius: '5px',

  colors: {
    main: 'cyan',
    secondary: 'magenta',
  },
}

export { myTheme }

[Антон Спирин]

zwezew, туплю. 4.1.4 это минимальная версия styled-componеnts. У вас версия ниже.

[zwezew]

Антон Спирин, спасибо, после обновления ошибка исчезла.