'VS Code renaming default export from styled-components

Im using styled-components and when I try to import the default export ("styled"), my VSCode auto-import-suggestions keeps saying "styledComponents" is the default export. I have to keep renaming it at the top of the file after it imports back to "styled", and this is super annoying. I think it's something to do with an "alias"

When I hover over "styledComponents" it shows this:

(alias) const styledComponents: StyledInterface 
import styledComponents 
declare const styled: StyledInterface;

Can anyone help me fix the auto import suggestion from VSCode to suggest "styled" as the default export?

It keeps importing "styledComponents" as the default export instead of "styled"

enter image description here



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source