Why doesn't styled theme declaration fire when used in TyperScript?

Question

typescript

Created a theme declaration following the example

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

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

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

and challenge

import { DefaultTheme } from 'styled-components'

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

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

export { myTheme }

Next I used it

import { createGlobalStyle } from 'styled-components';

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

Judging by the comment // theme is now fully typed - variables must be defined in the theme declaration, nevertheless it gives an error

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

Answer 1

Where is the theme declaration?