Fixed a transpilation issue that caused useInsertionEffect to be re…

…ferenced directly in the specifiers list of the import statement (#2651)
emotion-js · Feb 19, 2022 · 39ac5b9 · 39ac5b9
1 parent f6f5552
commit 39ac5b9
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 8 deletions.
diff --git a/.changeset/dull-trees-crash.md b/.changeset/dull-trees-crash.md
@@ -0,0 +1,6 @@
+---
+'@emotion/react': patch
+'@emotion/styled': patch
+---
+
+Fixed a transpilation issue that caused `useInsertionEffect` to be referenced directly in the specifiers list of the import statement. This has caused build errors in the consuming tools since the import statement can only reference known exports of a module.
diff --git a/packages/react/src/global.js b/packages/react/src/global.js
@@ -14,8 +14,8 @@ type GlobalProps = {
   +styles: Styles | (Object => Styles)
 }
 
-const useInsertionEffect = (React: any).useInsertionEffect
-  ? (React: any).useInsertionEffect
+const useInsertionEffect = React['useInsertion' + 'Effect']
+  ? React['useInsertion' + 'Effect']
   : React.useLayoutEffect
 
 let warnedAboutCssPropForGlobal = false

diff --git a/packages/react/src/useInsertionEffectMaybe.js b/packages/react/src/useInsertionEffectMaybe.js
@@ -1,9 +1,9 @@
-import React from 'react'
+import * as React from 'react'
 
 const isBrowser = typeof document !== 'undefined'
 
-const useInsertionEffect = React.useInsertionEffect
-  ? React.useInsertionEffect
+const useInsertionEffect = React['useInsertion' + 'Effect']
+  ? React['useInsertion' + 'Effect']
   : function useInsertionEffect(create) {
       create()
     }

diff --git a/packages/styled/src/useInsertionEffectMaybe.js b/packages/styled/src/useInsertionEffectMaybe.js
@@ -1,9 +1,9 @@
-import React from 'react'
+import * as React from 'react'
 
 const isBrowser = typeof document !== 'undefined'
 
-const useInsertionEffect = React.useInsertionEffect
-  ? React.useInsertionEffect
+const useInsertionEffect = React['useInsertion' + 'Effect']
+  ? React['useInsertion' + 'Effect']
   : function useInsertionEffect(create) {
       create()
     }