`ts-styled-plugin` error on valid referred component template literal curly brace

Hello, I’m seeing ts-styled-plugin errors while using this plugin (version 0.0.21) and referred components in my application.

I have verified that my code compiles and renders in the browser without issues.

I see the following errors around the two curly braces after the referred component selector.

const ListNoteTitle = styled.span`
  font-weight: bold;
  color: ${props => props.theme.primaryColor};
  ${ListNoteItem}:hover & {
    text-decoration: underline;
  }
`;

• [ts-styled-plugin] semi-colon expected on the first curly brace
• [ts-styled-plugin] at-rule or selector expected on the second curly brace

I think this is a plugin issue. My relevant source code can be found here:

• View Component
• Styled Theme

[dwjohnston]

For anyone who is coming from google - it might also be that you have a stray curly bracket.

[1mayur]

@page {
    margin: 2mm;
}

throws error