Remove the useNavigation from header

Gurubase · Feb 6, 2025 · 7c18c47 · 7c18c47
1 parent 67daa13
commit 7c18c47
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/gurubase-frontend/src/components/Header/index.js b/src/gurubase-frontend/src/components/Header/index.js
@@ -1,7 +1,7 @@
 import { useUser } from "@auth0/nextjs-auth0/client";
 import { Icon } from "@iconify/react";
 import clsx from "clsx";
-import { usePathname } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 import { memo, useState } from "react";
 
 import GuruBaseLogo from "@/components/GuruBaseLogo";
@@ -79,11 +79,12 @@ const Header = memo(({ guruType, allGuruTypes, sidebarExists = false }) => {
     (state) => state.mainForm.postContentExist
   );
   const navigation = useAppNavigation();
+  const router = useRouter();
 
   const handleNavigate = (path) => {
     const returnTo = encodeURIComponent(pathname);
 
-    navigation.push(`${path}?returnTo=${returnTo}`);
+    router.push(`${path}?returnTo=${returnTo}`);
   };
 
   const isSelfHosted = process.env.NEXT_PUBLIC_NODE_ENV === "selfhosted";