Typescript error referencing another selector but it works

[sekoyo]

Hi, when referencing another styled component like this:

const Parent = styled('div')``

const Child = styled('div')`
  ${Parent}.active & {
    background: blue;
  }
`

It works but generates the following TS error:

Argument of type 'Component<HTMLAttributes<HTMLDivElement> & AsProps> & { class: (props: HTMLAttributes<HTMLDivElement> & AsProps) => string; }' is not assignable to parameter of type 'string | TagStyleGenerator<HTMLAttributes<HTMLDivElement> & AsProps & ThemeProp>'.
  Type 'Component<HTMLAttributes<HTMLDivElement> & AsProps> & { class: (props: HTMLAttributes<HTMLDivElement> & AsProps) => string; }' is not assignable to type 'TagStyleGenerator<HTMLAttributes<HTMLDivElement> & AsProps & ThemeProp>'.
    Type 'Element' is not assignable to type 'string | number | undefined'.
      Type 'null' is not assignable to type 'string | number | undefined'.ts(2345)

Is this not the correct way, or can this TS error be ignored? Thanks