diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx
index 1c12a23..2c22c29 100644
--- 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
index 2f0711e..0f09875 100644
--- 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>,
   ];