From 011008a3617ea6ce6cabaf20acef6b768e6f92a2 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Thu, 15 Feb 2024 15:56:26 +0800
Subject: [PATCH] fix: add missing key to list of application projects (#6243)

This is in the applications table. To achieve it, we also wrap the text in a span.
---
 .../ApplicationUsageCell/ApplicationUsageCell.tsx            | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/application/ApplicationList/ApplicationUsageCell/ApplicationUsageCell.tsx b/frontend/src/component/application/ApplicationList/ApplicationUsageCell/ApplicationUsageCell.tsx
index 06cd164a7b..85b2e00572 100644
--- a/frontend/src/component/application/ApplicationList/ApplicationUsageCell/ApplicationUsageCell.tsx
+++ b/frontend/src/component/application/ApplicationList/ApplicationUsageCell/ApplicationUsageCell.tsx
@@ -24,13 +24,14 @@ const StyledLink = styled(Link)(() => ({
 
 const formatProject = (projectInfo: IApplicationUsage, index: number) => {
     const separator = index !== 0 ? ', ' : '';
+    const key = projectInfo.project;
     const projectElement =
         projectInfo.project !== '*' ? (
-            <StyledLink to={`/projects/${projectInfo.project}`}>
+            <StyledLink key={key} to={`/projects/${projectInfo.project}`}>
                 {projectInfo.project}
             </StyledLink>
         ) : (
-            projectInfo.project
+            <span key={key}>{projectInfo.project}</span>
         );
 
     const environments = ` (${projectInfo.environments.join(', ')})`;