Fixed an issue with wrapped class components not having a type for the ref prop

[Andarist]

fixes #1987

[changeset-bot]

🦋 Changeset is good to go

Latest commit: 3430109

We got this.

This PR includes changesets to release 3 packages

Name	Type
@emotion/styled	Patch
@emotion/react	Patch
@emotion/jest	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 3430109:

Sandbox	Source
Emotion	Configuration
Emotion 11 ref issue	Issue #1987

[Andarist]

Going to merge this, but feel free to review at any time. I've noticed that this still has an issue:

  class FixedSizeList extends React.Component {
    scrollTo = () => {}

    render() {
      return null
    }
  }

  const StyledFixedList = styled(FixedSizeList)`
    color: hotpink;
  `

  // this has wrong type of the `ref`
  const WrappedStyledFixedList = styled(StyledFixedList)``.withComponent('li')

but the issue is not really a regression from this PR because this doesn't work correctly for a very similar reason:

  const StyledLabel = styled('label')`
    color: hotpink;
  `

  // this has wrong type of the `ref`
  const WrappedStyledLabel = styled(StyledLabel)``.withComponent('span')