Fix about not appearing as active in header

oBusk · Nov 7, 2022 · 29c35fd · 29c35fd
1 parent b471253
commit 29c35fd
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Header/NavLink.tsx b/src/components/Header/NavLink.tsx
@@ -1,5 +1,5 @@
 import { Link, LinkProps } from "@chakra-ui/react";
-import { useRouter } from "next/router";
+import { usePathname } from "next/navigation";
 import { FunctionComponent, useEffect, useState } from "react";
 import { NextLink } from "^/components/theme";
 
@@ -12,7 +12,7 @@ const NavLink: FunctionComponent<LinkProps> = ({
     children,
     ...props
 }) => {
-    const { asPath } = useRouter() ?? {};
+    const asPath = usePathname();
     const [isActive, setIsActive] = useState(false);
 
     useEffect(() => {