fix NextLink + React.forwardRef

vercel/next.js#7915 (comment)
zuzjes · Oct 2, 2019 · f795443 · f795443
1 parent b3f28e9
commit f795443
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/suite/src/components/suite/Link/index.tsx b/packages/suite/src/components/suite/Link/index.tsx
@@ -24,6 +24,11 @@ const Link = ({ children, href, className, target = '_self', ...rest }: Props) =
     };
 
     const { prefetch, shallow, scroll, replace, ...linkProps } = rest;
+    const WrappedLink = React.forwardRef(() => (
+        <TLink target={target} {...linkProps} className={className}>
+            {children}
+        </TLink>
+    ));
 
     return (
         <NextLink
@@ -35,9 +40,7 @@ const Link = ({ children, href, className, target = '_self', ...rest }: Props) =
             passHref
             {...overrideAsProp}
         >
-            <TLink target={target} {...linkProps} className={className}>
-                {children}
-            </TLink>
+            <WrappedLink />
         </NextLink>
     );
 };