Typescript Error: Variable StyledComponentClass from external module cannot be named.

Version

2.1.1 Typescript version 2.3.3

Reproduction

I created styled-components variable

const Wrapper = styled.header`
  background-color: red;
  height: 50px;
  width: 100%;
`

Until here It’s still OK. But, it will throw error if I export Wrapper.

export const Wrapper = styled.header`
             ▾▾▾▾▾▾▾
             [ts] Exported variable 'Wrapper' has or is using name 'StyledComponentClass' from external module "/path/project/node_modules/styled-components/typings/styled-components" but cannot be named.
             const Wrapper: StyledComponentClass<React.HTMLProps<HTMLElement>, any, React.HTMLProps<HTMLElement>>

  background-color: red;
  height: 50px;
  width: 100%;
`

Steps to reproduce

Expected Behavior

It’s not throw type error

Actual Behavior

Throw error

[ts] Exported variable ‘Wrapper’ has or is using name ‘StyledComponentClass’ from external module “/path/project/node_modules/styled-components/typings/styled-components” but cannot be named. const Wrapper: StyledComponentClass<React.HTMLProps<HTMLElement>, any, React.HTMLProps<HTMLElement>>

[Igorbek]

Ok, good to hear that it works now. There could be many reasons why it was not working, like conflicting typescript versions, incomplete modules set up and so on, I think if it is not reproducible anymore, we are good.

[trusktr]

I’ve opened a request to fix issues like these in TypeScript by bringing declaration files to parity with language features. https://github.com/microsoft/TypeScript/issues/35822