more

src/Components/Modals/PaymentModal.js

@@ -23,10 +23,14 @@ const PaymentModal = ({
   const ModalForm = () => {
     return splitEvery(Object.keys(paymentfields), fieldsChunkSize).map(
       (names, j) => (
-        <Row key={`row${j}`}>
+        <Row key={`row${j}-modal`}>
           {names.map((name, i) => (
-            <Col key={`${name}${i + fieldsChunkSize * j}`} className="mb-3">
+            <Col
+              key={`${name}${i + fieldsChunkSize * j}-modal`}
+              className="mb-3"
+            >
               <TextInput
+                key={`${name}-modal-input`}
                 name={name}
                 value={paymentData[name].value}
                 onChange={(e) => handleChangePaymentInput(e, name)}

src/Components/SignupPage/SignupPage.js

@@ -238,6 +238,7 @@ const SignupPage = () => {
       </div>
       {showPaymentModal ? (
         <PaymentModal
+          key="modal-one-xc"
           paymentData={paymentData}
           paymentfields={paymentfields}
           setShowPaymentModal={setShowPaymentModal}