styled-components v5: cannot use another styled component as Instance type

[walkerdb]

Do you want to request a feature or report a bug?
Bug in styled-components v5 flow types.

What is the current behavior?
Using any styled component as the Instance type of another styled component produces an error. e.g. the following code:

const BasicComponent: StyledComponent<{}, *, HTMLDivElement> = styled.div``;
const SomeOtherComponent: StyledComponent<{}, *, BasicComponent> = styled(BasicComponent)``;

results in this error:

Cannot assign template string to SomeOtherComponent because in type argument Instance [1]:
 • Either AbstractComponent [2] is incompatible with InterpolatableComponent [3].
 • Or statics of InterpolatableComponent [4] is incompatible with InterpolatableComponent [3].

     path/to/example.js
       3│ import type { StyledComponent } from 'styled-components';
       4│
       5│ const BasicComponent: StyledComponent<{}, *, HTMLDivElement> = styled.div``;
 [3]   6│ const SomeOtherComponent: StyledComponent<{}, *, BasicComponent> = styled(BasicComponent)``;
       7│

     flow-typed/npm/styled-components_v5.x.x.js
 [1] 231│     Instance,
     232│     MergedProps = { ...$Exact<Props>, ...CommonSCProps, ... }
 [2] 233│   > = React$AbstractComponent<MergedProps, Instance> &
 [4] 234│     Class<InterpolatableComponent<MergedProps>>;

Local Environment Information
Running on flow 0.123.0 and latest flow-typed defs for styled-components v5

[craigdallimore]

@walkerdb

I'm having some success with this pattern; it could use a review / explanation from someone more familiar with meaning of Instance within the styled-components typedef as I don't have a concrete intuition for why it appears to type check.

const SomeOtherComponent: StyledComponent<
  {},
  *,
  React.ComponentType<React.ElementConfig<typeof BasicComponent>>
> = styled(BasicComponent)``;