ok

src/App.js

@@ -394,14 +394,14 @@ function App() {
     console.log(transaction_info);  // Log the updated transaction_info
 
 
-const depthh = transactionList.current.findIndex(
-  item => item.transactionId.toString() === transaction_info.toString()
-);
-
-setDepth(depthh);
+    const depthh = transactionList.current.findIndex(
+      item => item.transactionId.toString() === transaction_info.toString()
+    );
 
+    setDepth(depthh);
+    console.log(transaction_info == response[0].transactionId)
     // If transaction_info is an empty string, set the modal
-    if (transaction_info == '') return false;
+    if (transaction_info == '' || transaction_info == response[0].transactionId) return false;
     else return true;
   }
 
@@ -433,6 +433,7 @@ setDepth(depthh);
       // If transaction_info is an empty string, set the modal
       if (!isViewingOtherTransaction) {
         setModal("new_transaction", data);
+        navigate(`?transactionId=${data.transactionId}`, { replace: true });
       }
     });