diff --git a/types/styled-components/test/index.tsx b/types/styled-components/test/index.tsx index 3d961d6bf4..a37c33f315 100644 --- a/types/styled-components/test/index.tsx +++ b/types/styled-components/test/index.tsx @@ -1013,6 +1013,14 @@ const StyledWrapperClass = styled(WrapperClass)``; // React.Component typings always add `children` to props, so this should accept children const wrapperClass = Text; +export class WrapperClassFuncChild extends React.Component any}> { + render() { return
; } +} +const StyledWrapperClassFuncChild = styled(WrapperClassFuncChild)``; +// React.Component typings always add `children` to props, so this should accept children +const wrapperClassNoChildrenGood = {() => "text"}; +const wrapperClassNoChildren = Text; // $ExpectError + const WrapperFunction: React.FunctionComponent = () =>
; const StyledWrapperFunction = styled(WrapperFunction)``; // React.FunctionComponent typings always add `children` to props, so this should accept children