Fix compilation error on React < 18

The error is "Attempted import error: 'useInsertionEffect' is not exported from 'react' (imported as 'React')."
molefrog · Apr 8, 2024 · 3223588 · 3223588
1 parent 8cee71d
commit 3223588
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/wouter/src/react-deps.js b/packages/wouter/src/react-deps.js
@@ -1,13 +1,15 @@
 import * as React from "react";
 
-// React.useInsertionEffect is not available in React <18
 const {
   useEffect,
   useLayoutEffect,
   useRef,
-  useInsertionEffect: useBuiltinInsertionEffect,
 } = React;
 
+// React.useInsertionEffect is not available in React <18
+// This hack fixes a transpilation issue on some apps
+const useBuiltinInsertionEffect = React['useInsertion' + 'Effect'];
+
 export {
   useRef,
   useState,