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

From @awwong1 on July 13, 2018 22:55

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

Copied from original issue: styled-components/vscode-styled-components#117

[protoEvangelion]

@mjbvz Still getting this in a similar example:

<Component animation={css`${condition ? animation1 : animation2} 1s linear`} />

[akc42]

I just upgraded to September edition of vscode (on linux) and now get this too

the second problem at the bottom says semi-colon expected.