fix(SERVER): fix key warning (#1152)

Signed-off-by: Shakira M <[email protected]> Co-authored-by: Shakira M <[email protected]>
numaproj · Oct 4, 2023 · f83ea00 · f83ea00
1 parent 1d89a12
commit f83ea00
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/ui/src/components/common/SummaryPageLayout/index.tsx b/ui/src/components/common/SummaryPageLayout/index.tsx
@@ -90,7 +90,9 @@ const getSectionComponentAndKey = (
           component: <div key={key}>Missing props</div>,
         };
       }
+      key = `custom-${sectionIndex}`;
       return {
+        key,
         component: section.customComponent,
       };
     case SummarySectionType.COLLECTION:

diff --git a/ui/src/components/pages/Pipeline/index.tsx b/ui/src/components/pages/Pipeline/index.tsx
@@ -43,6 +43,7 @@ export function Pipeline() {
               <PipelineStatus
                 status={pipelineData?.pipeline?.status?.phase}
                 healthStatus={pipelineData?.status}
+                key={"pipeline-status"}
               />
             ),
           },
@@ -52,12 +53,13 @@ export function Pipeline() {
               <PipelineSummaryStatus
                 pipeline={pipelineData?.pipeline}
                 lag={pipelineData?.lag}
+                key={"pipeline-summary-status"}
               />
             ),
           },
           {
             type: SummarySectionType.CUSTOM,
-            customComponent: <PipelineISBStatus isbData={isbData} />,
+            customComponent: <PipelineISBStatus isbData={isbData} key={"pipeline-isb-status"} />,
           },
         ],
       },