diff --git a/packages/styled-components/src/test/types.tsx b/packages/styled-components/src/test/types.tsx index 2e9d2b994..59b9b8da1 100644 --- a/packages/styled-components/src/test/types.tsx +++ b/packages/styled-components/src/test/types.tsx @@ -527,3 +527,23 @@ class ParentClassComponent1 extends React.Component<{ $prop1?: boolean }> {} const ParentClassComponent2 = styled(ParentClassComponent1)<{ $prop2?: boolean }>``; ; + +{ + // React.forwardRef in combination with .attrs() + + const Button = React.forwardRef< + HTMLButtonElement, + { + icon: 'a' | 'b' | 'c'; + } + >((props, ref) => { + return ( + + ); + }); + const ButtonWithIcon = styled(Button).attrs({ icon: 'a' })``; + + ; +}