From e3b0cd206b198033653da888db78b56060d87efd Mon Sep 17 00:00:00 2001
From: zaliqarosli <zaliqa.rosli@mcin.ca>
Date: Wed, 6 Dec 2023 21:31:24 -0500
Subject: [PATCH] fix jsx console warnings

---
 jsx/Form.js                                            | 5 ++++-
 modules/candidate_parameters/jsx/DiagnosisEvolution.js | 8 ++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/jsx/Form.js b/jsx/Form.js
index d8cb485c27a..9c721888dd1 100644
--- a/jsx/Form.js
+++ b/jsx/Form.js
@@ -233,7 +233,10 @@ export class FieldsetElement extends Component {
 FieldsetElement.propTypes = {
   columns: PropTypes.number,
   name: PropTypes.string,
-  legend: PropTypes.string,
+  legend: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.node,
+  ]),
   children: PropTypes.node,
 };
 
diff --git a/modules/candidate_parameters/jsx/DiagnosisEvolution.js b/modules/candidate_parameters/jsx/DiagnosisEvolution.js
index 49dd1adb128..09e1c94e22d 100644
--- a/modules/candidate_parameters/jsx/DiagnosisEvolution.js
+++ b/modules/candidate_parameters/jsx/DiagnosisEvolution.js
@@ -63,13 +63,13 @@ class DiagnosisEvolution extends Component {
     let formattedDxEvolution = [];
     dxEvolution.map((record) => {
       let formattedDiagnosis = [];
-      Object.entries(JSON.parse(record.Diagnosis)).map((entry) => {
+      Object.entries(JSON.parse(record.Diagnosis)).map((entry, index) => {
         const [fieldName, dx] = entry;
-        formattedDiagnosis.push(<p>{fieldName}: <strong>{dx}</strong></p>);
+        formattedDiagnosis.push(<p key={index}>{fieldName}: <strong>{dx}</strong></p>);
       });
       let sourceFields = [];
-      record.sourceField.split(',').map((field) => {
-        sourceFields.push(<p>{field}</p>);
+      record.sourceField.split(',').map((field, index) => {
+        sourceFields.push(<p key={index}>{field}</p>);
       });
       const confirmed = record.Confirmed === 'Y' ?
         <p style={{color: 'green', fontSize: '3rem', textAlign: 'center'}}>