vscode-styled-components

vscode-styled-components copied to clipboard

Issue Issue occurring across multiple themes, multiple versions, for years, finally came to create an issue for it 😅

Syntax Highlighting doesn't work properly when using Generic Typescript types:

i.e.

styled(SliderPrimitive.Track)

This works great

styled(SomeComponent).withConfig(SomeConfig)<SomeType>

Also works great

styled(SomeComponent)<SomeType>

Shows syntax as string instead of css

Screenshots

• OS: Mac Os
• VSCode Version: 1.84.0-insider (Universal) but it's been an issue for several years, so multiple versions
• Extension Version: 1.7.8 but it's been an issue for several years, so multiple versions

Extensions
amatiasq.sort-imports bradlc.vscode-tailwindcss cschlosser.doxdocgen daohong-emilio.yash esbenp.prettier-vscode GitHub.copilot GitHub.copilot-chat GitHub.copilot-labs GitHub.heygithub jbockle.jbockle-format-files jeff-hykin.better-cpp-syntax josetr.cmake-language-support-vscode ms-dotnettools.csharp ms-dotnettools.vscode-dotnet-runtime ms-vscode-remote.remote-containers ms-vscode-remote.remote-ssh ms-vscode-remote.remote-ssh-edit ms-vscode-remote.remote-wsl ms-vscode.cmake-tools ms-vscode.cpptools ms-vscode.cpptools-extension-pack ms-vscode.cpptools-themes ms-vscode.remote-explorer ms-vscode.vscode-typescript-next ms-vsliveshare.vsliveshare naumovs.theme-oceanicnext Postman.postman-for-vscode Prisma.prisma statelyai.stately-vscode twxs.cmake usernamehw.errorlens vscode-icons-team.vscode-icons WallabyJs.quokka-vscode wix.glean yoavbls.pretty-ts-errors