feat(styled): add esm support

It fixes ##3601
styled-components · Dec 22, 2021 · a080d96 · a080d96
1 parent 36f8bdb
commit a080d96
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/styled-components/src/createStyled.ts b/packages/styled-components/src/createStyled.ts
@@ -10,6 +10,10 @@ import scStyled, {
 } from 'styled-components'
 import { createCssFunction, XCSSFunction } from './createCssFunction'
 
+const scStyledInterop =
+  // @ts-ignore
+  typeof scStyled === 'function' ? scStyled : scStyled.default
+
 const getCreateStyle = (
   baseCreateStyle: ThemedStyledFunction<any, any>,
   css: XCSSFunction,
@@ -76,7 +80,7 @@ export const createBaseStyled = <TGen extends StyleGenerator>(
       }
     : {}
   return ((component: Parameters<typeof scStyled>[0]) => {
-    const baseStyled = scStyled(component)
+    const baseStyled = scStyledInterop(component)
     return getCreateStyle(
       config ? baseStyled.withConfig(config) : baseStyled,
       css,
@@ -92,7 +96,7 @@ export const createStyled = <TGen extends StyleGenerator>(
   const styled = createBaseStyled(css)
   const xstyled = createBaseStyled(css, generator)
   styled.box = xstyled('div')
-  Object.keys(scStyled).forEach((key) => {
+  Object.keys(scStyledInterop).forEach((key) => {
     // @ts-ignore
     styled[key] = styled(key)
     // @ts-ignore