PR #2039 adjustments (#2046)

* Added unit tests
* Updated CHANGELOG

CHANGELOG.md

@@ -11,9 +11,13 @@ Our versioning strategy is as follows:
 
 ## Unreleased
 
+### 🎉 New Features & Improvements
+
+* `[sitecore-jss-nextjs]` Link component supports prefetch property ([#2039](https://github.com/Sitecore/jss/pull/2039))([#2046](https://github.com/Sitecore/jss/pull/2046))
+
 ### 🐛 Bug Fixes
 
-* `[templates/nextjs-sxa]`Fixed unsafe property access by replacing direct calls with optional chaining ([#2035](https://github.com/Sitecore/jss/pull/2035))
+* `[templates/nextjs-sxa]` Fixed unsafe property access by replacing direct calls with optional chaining ([#2035](https://github.com/Sitecore/jss/pull/2035))
 
 ## 22.5.0
 

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

@@ -165,6 +165,28 @@ describe('<Link />', () => {
     expect(c.find(ReactLink).length).to.equal(0);
   });
 
+  it('should render with prefetch prop provided', () => {
+    const field = {
+      href: '/lorem',
+      text: 'ipsum',
+    };
+    const c = mount(
+      <Page>
+        <Link field={field} prefetch={false} />
+      </Page>
+    );
+
+    const link = c.find('a');
+
+    expect(link.html()).to.contain(field.href);
+    expect(link.html()).to.contain(field.text);
+
+    expect(c.find(NextLink).length).to.equal(1);
+    expect(c.find(ReactLink).length).to.equal(0);
+
+    expect(c.find(NextLink).props().prefetch).to.equal(false);
+  });
+
   it('should render other attributes with other props provided', () => {
     const field = {
       value: {

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

@@ -18,7 +18,7 @@ export type LinkProps = ReactLinkProps & {
   internalLinkMatcher?: RegExp;
 
   /**
-   * Support next/link's prefetch prop.
+   * Next.js Link prefetch.
    */
   prefetch?: NextLinkProps['prefetch'];
 };