From c79d1f4457745c45cb62c0fed239e5d455f1f77d Mon Sep 17 00:00:00 2001
From: Alexandre Paixao <alex-pex@users.noreply.github.com>
Date: Mon, 25 Mar 2024 15:29:25 +0100
Subject: [PATCH] Fix compilation error on React < 18

The error is "Attempted import error: 'useInsertionEffect' is not exported from 'react' (imported as 'React')."
---
 packages/wouter/src/react-deps.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/wouter/src/react-deps.js b/packages/wouter/src/react-deps.js
index efe935d7..a735c925 100644
--- 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,