From 91af39e2ec7cb12cefa8623537c0a4d081c0bb7c Mon Sep 17 00:00:00 2001
From: Sia <siakaramalegos@gmail.com>
Date: Fri, 17 Jan 2025 11:44:43 -0500
Subject: [PATCH] Switch to client-side routing in App Bridge nav menu for
 better UX and loading speed

---
 App.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/App.jsx b/App.jsx
index f09a37b..7546ae0 100644
--- a/App.jsx
+++ b/App.jsx
@@ -1,4 +1,4 @@
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter, Link } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { NavMenu } from "@shopify/app-bridge-react";
 import Routes from "./Routes";
@@ -18,8 +18,8 @@ export default function App() {
       <BrowserRouter>
         <QueryProvider>
           <NavMenu>
-            <a href="/" rel="home" />
-            <a href="/pagename">{t("NavigationMenu.pageName")}</a>
+            <Link to="/" rel="home" />
+            <Link to="/pagename">{t("NavigationMenu.pageName")}</a>
           </NavMenu>
           <Routes pages={pages} />
         </QueryProvider>