Fix tree-shaking E2E page in production

TypeScript's import elision doesn't work with Parcel's dead branch removal.
oasisprotocol · Jan 11, 2024 · cc774e3 · cc774e3
1 parent 31509c8
commit cc774e3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changelog/1825.internal.md b/.changelog/1825.internal.md
@@ -0,0 +1 @@
+Fix tree-shaking E2E page in production
diff --git a/src/commonRoutes.tsx b/src/commonRoutes.tsx
@@ -13,7 +13,6 @@ import { ActiveDelegationList } from 'app/pages/StakingPage/Features/DelegationL
 import { DebondingDelegationList } from 'app/pages/StakingPage/Features/DelegationList/DebondingDelegationList'
 import { ParaTimes } from 'app/pages/ParaTimesPage'
 import { FiatOnramp } from 'app/pages/FiatOnrampPage'
-import { E2EPage } from 'app/pages/E2EPage'
 import { ErrorBoundary } from 'app/components/ErrorBoundary'
 
 export const commonRoutes: RouteObject[] = [
@@ -73,6 +72,11 @@ export const commonRoutes: RouteObject[] = [
   },
   {
     path: 'e2e',
-    element: process.env.REACT_APP_E2E_TEST ? <E2EPage /> : <div />,
+    lazy: process.env.REACT_APP_E2E_TEST
+      ? async () => {
+          const { E2EPage } = await import('app/pages/E2EPage')
+          return { element: <E2EPage /> }
+        }
+      : undefined,
   },
 ]