arrays need to keep keys

CDCgov · Oct 24, 2024 · 616394b · 616394b
1 parent 0589705
commit 616394b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx
@@ -16,22 +16,23 @@ export default function Footer() {
 
   const testItemsMenu = [
     <Link
+      key="one"
       href="/"
       className={classNames('usa-nav__link', styles.homeNavItem)}
       onClick={onClick}
     >
       <span className={styles.navbarItemText}>Home</span>
     </Link>,
-    <NavigationLink href="/" onClick={onClick}>
+    <NavigationLink key="two" href="/" onClick={onClick}>
       Home
     </NavigationLink>,
-    <NavigationLink href="/our-products" onClick={onClick}>
+    <NavigationLink key="three" href="/our-products" onClick={onClick}>
       Our products
     </NavigationLink>,
-    <NavigationLink href="/case-studies" onClick={onClick}>
+    <NavigationLink key="four" href="/case-studies" onClick={onClick}>
       Case studies
     </NavigationLink>,
-    <NavigationLink href="/engage-with-us" onClick={onClick}>
+    <NavigationLink key="five" href="/engage-with-us" onClick={onClick}>
       Engage with us
     </NavigationLink>,
   ];

diff --git a/src/app/components/Header.tsx b/src/app/components/Header.tsx
@@ -14,13 +14,13 @@ export default function Header() {
   };
 
   const testItemsMenu = [
-    <NavigationLink href="/our-products" onClick={onClick}>
+    <NavigationLink key="one" href="/our-products" onClick={onClick}>
       Our products
     </NavigationLink>,
-    <NavigationLink href="/case-studies" onClick={onClick}>
+    <NavigationLink key="two" href="/case-studies" onClick={onClick}>
       Case studies
     </NavigationLink>,
-    <NavigationLink href="/engage-with-us" onClick={onClick}>
+    <NavigationLink key="three" href="/engage-with-us" onClick={onClick}>
       Engage with us
     </NavigationLink>,
   ];