Babel plugin with @xstyled/styled-components

[salper]

I'm using a wrapper called @xstyled/styled-components for conveniency. But I can't benefit from the plugin as the top level import paths are static here:

babel-plugin-styled-components/src/utils/detectors.js

Line 1 in 55b43ee

const VALID_TOP_LEVEL_IMPORT_PATHS = [

Would you consider and allow a PR extending this list through plugin options?

[eugeneross]

@salper did you manage to get this to work? Using the same wrapper library and have been searching for a solution.

EDIT: Figured it out.

Updated the babel-plugin-styled-components to ^1.12.0.

Added this in my babel config:

[
  "babel-plugin-styled-components",
  {
    "displayName": true,
    "topLevelImportPaths": [
      "@xstyled/styled-components"
    ],
  }
],

[salper]

@eugeneross Sorry for the late answer. You did well.