From 959d1431400b436fcb54c157cd66a59f45a2b1c2 Mon Sep 17 00:00:00 2001
From: Nahiyan Khan <nahiyan@squareup.com>
Date: Tue, 7 Apr 2026 09:36:33 -0400
Subject: [PATCH] Fix SPA routing on GitHub Pages by setting BrowserRouter
 basename

Without basename, React Router resolved all routes against "/" instead
of "/ghost/", causing navigation to break on block.github.io/ghost/.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 packages/ghost-ui/src/main.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ghost-ui/src/main.tsx b/packages/ghost-ui/src/main.tsx
index fc9f819..acda205 100644
--- a/packages/ghost-ui/src/main.tsx
+++ b/packages/ghost-ui/src/main.tsx
@@ -6,7 +6,7 @@ import "./styles/main.css";
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
-    <BrowserRouter>
+    <BrowserRouter basename={import.meta.env.VITE_BASE_PATH || "/"}>
       <App />
     </BrowserRouter>
   </StrictMode>,