Styled-components errors with React 16 + Typescript

Version

babel-preset-react@6.24.1 react@16.0.0 styled-components@2.2.1 typescript@2.5.3

Reproduction

Steps to reproduce

1. Upgrade to React 16
2. Create the following code

import React from 'react';
import styled from 'styled-components';

interface Props {
  className?: string;
  text: string;
}

class Text extends React.Component<Props, any> {
  public render() {
    const { className, text } = this.props;
    return <span className={className}>{text}</span>;
  }
}

export default styled(Text)`
  color: blue;
`;

Expected Behavior

Component compiles and works

Actual Behavior

Get the following error:

TS2605: JSX element type 'Component<ThemedOuterStyledProps<Props, any>, ComponentState>' is not a constructor function for JSX elements.

[probablyup]

Ask on DT. None of the core team uses typescript On Thu, Nov 15, 2018 at 6:07 AM Dan Ochiana [e-mail] wrote:

getting close to 2019, still seeing this issue without a clear explanation on why it happens and an accepted solution for fixing it.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/styled-components/styled-components/issues/1255#issuecomment-439018665, or mute the thread https://github.com/notifications/unsubscribe-auth/AAiy1o7pYTtkk_Nh1qzWdbOSVRfw3aCgks5uvVkbgaJpZM4P_oeH .

[mxstbr]

rm -rf node_modules && yarn cache clean && yarn