From dfd404108d4a040930f43085d7b9abe072307c85 Mon Sep 17 00:00:00 2001
From: joostdecock <joost@joost.at>
Date: Fri, 30 Dec 2022 16:52:44 +0100
Subject: [PATCH] fix(new-design): Migrate Link to NextJS 13

---
 packages/new-design/shared/lab/components/footer.js | 11 +++++++----
 packages/new-design/shared/lab/components/header.js |  8 +++-----
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/new-design/shared/lab/components/footer.js b/packages/new-design/shared/lab/components/footer.js
index 0b7838532a4..70a8c22cce4 100644
--- a/packages/new-design/shared/lab/components/footer.js
+++ b/packages/new-design/shared/lab/components/footer.js
@@ -103,10 +103,13 @@ const Footer = ({ app }) => {
           {/* Social icons */}
           <div className="w-full sm:w-auto flex flex-row flex-wrap gap-4 lg:gap-8 items-center justify-center">
             {Object.keys(social).map((item) => (
-              <Link key={item} href={social[item].href}>
-                <a className="hover:text-secondary hover:-mt-2 transition-all" title={item}>
-                  {social[item].icon}
-                </a>
+              <Link
+                key={item}
+                href={social[item].href}
+                className="hover:text-secondary hover:-mt-2 transition-all"
+                title={item}
+              >
+                {social[item].icon}
               </Link>
             ))}
           </div>
diff --git a/packages/new-design/shared/lab/components/header.js b/packages/new-design/shared/lab/components/header.js
index 40d689bfde7..3ac237b87e4 100644
--- a/packages/new-design/shared/lab/components/header.js
+++ b/packages/new-design/shared/lab/components/header.js
@@ -66,11 +66,9 @@ const Header = ({ app }) => {
                 <DocsIcon />
                 <span className="ml-2">{t('docs')}</span>
               </a>
-              <Link href="/support">
-                <a role="button" className={btnClasses}>
-                  <HelpIcon />
-                  <span className="ml-2">{t('support')}</span>
-                </a>
+              <Link href="/support" role="button" className={btnClasses}>
+                <HelpIcon />
+                <span className="ml-2">{t('support')}</span>
               </Link>
             </div>
           </div>