[sitecore-jss-nextjs] Update Link.tsx to support next/link's prefetch property (#2039)

Author: chrissnyder2337

packages/sitecore-jss-nextjs/src/components/Link.tsx

@@ -1,6 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import NextLink from 'next/link';
+import { LinkProps as NextLinkProps } from 'next/link';
 import {
   Link as ReactLink,
   LinkFieldValue,
@@ -15,6 +16,11 @@ export type LinkProps = ReactLinkProps & {
    * @default /^\//g
    */
   internalLinkMatcher?: RegExp;
+
+  /**
+   * Support next/link's prefetch prop.
+   */
+  prefetch?: NextLinkProps['prefetch'];
 };
 
 /**
@@ -68,6 +74,7 @@ export const Link = forwardRef<HTMLAnchorElement, LinkProps>(
             title={value.title}
             target={value.target}
             className={value.class}
+            prefetch={props.prefetch}
             {...htmlLinkProps}
             ref={ref}
           >
@@ -78,9 +85,10 @@ export const Link = forwardRef<HTMLAnchorElement, LinkProps>(
       }
     }
 
-    // prevent passing internalLinkMatcher as it is an invalid DOM element prop
+    // prevent passing internalLinkMatcher or prefetch as it is an invalid DOM element prop
     const reactLinkProps = { ...props };
     delete reactLinkProps.internalLinkMatcher;
+    delete reactLinkProps.prefetch;
 
     return <ReactLink {...reactLinkProps} ref={ref} />;
   }