From 7344b3a1a77f6edb3295175157e3aa495d8723a5 Mon Sep 17 00:00:00 2001
From: James Brunton <james@stirlingpdf.com>
Date: Thu, 18 Dec 2025 11:57:28 +0000
Subject: [PATCH] Lazily load auth to reduce chunk size

---
 frontend/src/proprietary/App.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/src/proprietary/App.tsx b/frontend/src/proprietary/App.tsx
index 52a246fc6..817d64f36 100644
--- a/frontend/src/proprietary/App.tsx
+++ b/frontend/src/proprietary/App.tsx
@@ -1,15 +1,17 @@
-import { Suspense } from "react";
+import { Suspense, lazy } from "react";
 import { Routes, Route } from "react-router-dom";
 import { AppProviders } from "@app/components/AppProviders";
 import { AppLayout } from "@app/components/AppLayout";
 import { LoadingFallback } from "@app/components/shared/LoadingFallback";
-import Landing from "@app/routes/Landing";
-import Login from "@app/routes/Login";
-import Signup from "@app/routes/Signup";
-import AuthCallback from "@app/routes/AuthCallback";
-import InviteAccept from "@app/routes/InviteAccept";
 import Onboarding from "@app/components/onboarding/Onboarding";
 
+// Lazy-load auth routes - only loaded when user navigates to them
+const Landing = lazy(() => import("@app/routes/Landing"));
+const Login = lazy(() => import("@app/routes/Login"));
+const Signup = lazy(() => import("@app/routes/Signup"));
+const AuthCallback = lazy(() => import("@app/routes/AuthCallback"));
+const InviteAccept = lazy(() => import("@app/routes/InviteAccept"));
+
 // Import global styles
 import "@app/styles/tailwind.css";
 import "@app/styles/cookieconsent.css";