UPDATE: tweaks to toolbar button to prevent suspense flash: next/link

FileFormatInfo · Jul 30, 2024 · 757d017 · 757d017
1 parent db297c1
commit 757d017
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/app/components/ToolbarButton.tsx b/src/app/components/ToolbarButton.tsx
@@ -3,7 +3,7 @@ import { IconType } from "react-icons";
 
 import { Icon, IconButton } from "@chakra-ui/react";
 
-import { Link as NextLink } from "@chakra-ui/next-js";
+import Link from "next/link";
 
 interface IProps {
   ariaLabel: string;
@@ -23,15 +23,16 @@ function ToolbarButton({
   size,
 }: IProps) {
   return (
-    <NextLink href={href}>
+    <Link href={href}>
       <IconButton
         aria-label={ariaLabel}
+        as="div"
         icon={<Icon boxSize={boxSize} as={icon} />}
         isActive={isActive}
         size={size}
         title={ariaLabel}
       />
-    </NextLink>
+    </Link>
   );
 }