fix: update NextLink to the new behavior

https://beta.nextjs.org/docs/upgrade-guide#link-component
makeswift · Jan 4, 2023 · c6774de · c6774de
1 parent 5ece7f2
commit c6774de
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/packages/runtime/src/components/shared/Link/index.tsx b/packages/runtime/src/components/shared/Link/index.tsx
@@ -123,10 +123,15 @@ export const Link = forwardRef<HTMLAnchorElement, Props>(function Link(
 
   if (useNextLink && href != null) {
     return (
-      <NextLink href={href}>
-        {/* eslint-disable-next-line */}
-        <a {...restOfProps} ref={ref} target={target} onClick={handleClick} />
-      </NextLink>
+      <NextLink
+        {...restOfProps}
+        ref={ref}
+        target={target}
+        onClick={handleClick}
+        href={href}
+        // Next.js v12 has legacyBehavior set to true by default
+        legacyBehavior={false}
+      />
     )
   }