From 67b7e3eb7357e6f07cc9e13b5b47584af8314f55 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 20 Aug 2023 04:06:26 -0700
Subject: [PATCH] Add legacyBehavior flag to Links with nested a

We'll fix this later
---
 components/GridRep/index.tsx           | 2 +-
 components/about/LinkItem/index.tsx    | 2 +-
 components/party/PartyHeader/index.tsx | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/GridRep/index.tsx b/components/GridRep/index.tsx
index 11220f95..d720fe25 100644
--- a/components/GridRep/index.tsx
+++ b/components/GridRep/index.tsx
@@ -248,7 +248,7 @@ const GridRep = (props: Props) => {
   )
 
   return (
-    <Link href={`/p/${props.shortcode}`}>
+    <Link legacyBehavior href={`/p/${props.shortcode}`}>
       <a className={styles.gridRep}>
         {detailsWithUsername}
         <div className={styles.weaponGrid}>
diff --git a/components/about/LinkItem/index.tsx b/components/about/LinkItem/index.tsx
index e9114c34..ccd40c66 100644
--- a/components/about/LinkItem/index.tsx
+++ b/components/about/LinkItem/index.tsx
@@ -21,7 +21,7 @@ const LinkItem = ({ icon, title, link, className, ...props }: Props) => {
 
   return (
     <div className={classes}>
-      <Link href={link}>
+      <Link legacyBehavior href={link}>
         <a href={link} target="_blank" rel="noreferrer">
           <div className={styles.left}>
             <i className={styles.icon}>{icon}</i>
diff --git a/components/party/PartyHeader/index.tsx b/components/party/PartyHeader/index.tsx
index d394894d..4c889045 100644
--- a/components/party/PartyHeader/index.tsx
+++ b/components/party/PartyHeader/index.tsx
@@ -183,7 +183,7 @@ const PartyHeader = (props: Props) => {
   ) => {
     return (
       <div>
-        <Link href={`/${username}`} passHref>
+        <Link legacyBehavior href={`/${username}`} passHref>
           <a className={linkClass}>{userBlock(username, picture, element)}</a>
         </Link>
       </div>
@@ -193,7 +193,7 @@ const PartyHeader = (props: Props) => {
   const linkedRaidBlock = (raid: Raid) => {
     return (
       <div>
-        <Link href={`/teams?raid=${raid.slug}`} passHref>
+        <Link legacyBehavior href={`/teams?raid=${raid.slug}`} passHref>
           <a className={`Raid ${linkClass}`}>{raid.name[locale]}</a>
         </Link>
       </div>