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>