Fix isCurrent activation on Link

OriginProtocol · Jul 4, 2022 · e2d08f7 · e2d08f7
1 parent 91eb0bf
commit e2d08f7
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/client/components/Link.tsx b/client/components/Link.tsx
@@ -26,9 +26,9 @@ const Link: FunctionComponent<LinkProps> = ({
 }) => {
   const router = useRouter();
   const { asPath } = router;
-  const isCurrent = asPath
-    .replace("/", "")
-    .includes(href.toString().replace("/", ""));
+  const pathTrimmed = asPath.replace("/", "");
+  const hrefTrimmed = href.toString().replace("/", "");
+  const isCurrent = hrefTrimmed && pathTrimmed.includes(hrefTrimmed);
 
   const classes = classNames(className, {
     [currentClassName]: isCurrent,