From f16ccfe9cf9927026105901bf31149fda42ce8c3 Mon Sep 17 00:00:00 2001
From: Muhammad Faraz  Maqsood <faraz.maqsood@A006-01130.local>
Date: Mon, 21 Apr 2025 11:10:42 +0500
Subject: [PATCH] fix: use hyperlink instead of Link

---
 src/pages-and-resources/pages/PageSettingButton.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages-and-resources/pages/PageSettingButton.jsx b/src/pages-and-resources/pages/PageSettingButton.jsx
index 039ac14e2..77936b744 100644
--- a/src/pages-and-resources/pages/PageSettingButton.jsx
+++ b/src/pages-and-resources/pages/PageSettingButton.jsx
@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Icon, IconButton } from '@openedx/paragon';
+import { Hyperlink, Icon, IconButton } from '@openedx/paragon';
 import { ArrowForward, Settings } from '@openedx/paragon/icons';
-import { useNavigate, Link } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 
 import { getWaffleFlags } from '../../data/selectors';
 import messages from '../messages';
@@ -44,14 +44,14 @@ const PageSettingButton = ({
 
   if (determineLinkDestination) {
     return (
-      <Link to={determineLinkDestination}>
+      <Hyperlink destination={determineLinkDestination}>
         <IconButton
           src={ArrowForward}
           iconAs={Icon}
           size="inline"
           alt={formatMessage(messages.settings)}
         />
-      </Link>
+      </Hyperlink>
     );
   }