vscode-styled-components
vscode-styled-components copied to clipboard
styled-components
Broken highlight when using a multiline prop typing in Typescript
Describe the bug (including copyable syntax) When declaring a styled component in Typescript with an inline multiline prop typing, it breaks the syntax highlight for the code after that.
Screenshot Wrong
Good
Syntax Token used in the wrong case
To Reproduce Declare an styled component with a multiline prop typing and declare any other variable below
const Container = styled.div<{
fullWidth?: boolean;
isMyMessage?: boolean | null;
displayActorImage: boolean;
}>`
display: flex;
`;
const x = 3;
Expected behavior Expected to highlight the rest of the code correctly
Build environment (please complete the following information):
- OS: macOS Monterey
- VSCode Version: 1.64.1
- Extension Version: v1.7.2
Additional context Disabling the extension fixed the problem so I suppose it is it what is causing the issue.
When styled components are declared at the top of a file, this can be quite frustrating as highlighting for all code below it are broken
