Open
Description
it looks like typesrcript type casts (as
) confuse our ast visitor and therefore break cross file selectors:
import { StyledSvg1 } from "./works";
import { StyledSvg1 } from "./broken";
export const Foo = styled.button`
${StyledSvg1} { color: red }
${StyledSvg2} { color: red }
`
works.tsx
export const StyledSvg1 = styled.svg``;
broken.tsx
import { type DefaultTheme, type StyledComponent } from "styled-components";
export const StyledSvg2 = styled.svg``as unknown as StyledComponent<
"svg",
DefaultTheme,
{}
> & {
__yak: true;
};
Activity