From 609b4f32c81fe3d79e96cc0ad671c237f9a73616 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Tue, 20 May 2025 20:42:00 +0530
Subject: [PATCH 1/2] fix: wrap symbol in String() for safe conversion

---
 src/components/recorder/PairDetail.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/recorder/PairDetail.tsx b/src/components/recorder/PairDetail.tsx
index 7ed081a9..8a830929 100644
--- a/src/components/recorder/PairDetail.tsx
+++ b/src/components/recorder/PairDetail.tsx
@@ -252,7 +252,10 @@ export const PairDetail = ({ pair, index }: PairDetailProps) => {
                           sx={{ flexGrow: 1, overflowY: 'auto' }}
                           key={`tree-view-2-${key}-${index}`}
                         >
-                          <TreeItem nodeId={`${key}-${index}`} label={`${pair.what[index].action}`}>
+                                                    <TreeItem
+  nodeId={`${String(key)}-${index}`}
+  label={`${String(pair.what[index].action)}`}
+>
                             {
                               // @ts-ignore
                               DisplayValueContent(pair.what[key], [key], false)

From f2f34f3171478732a3f2e4ca1426ecab4432ee81 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Tue, 20 May 2025 20:42:37 +0530
Subject: [PATCH 2/2] chore: lint

---
 src/components/recorder/PairDetail.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/recorder/PairDetail.tsx b/src/components/recorder/PairDetail.tsx
index 8a830929..da9be05a 100644
--- a/src/components/recorder/PairDetail.tsx
+++ b/src/components/recorder/PairDetail.tsx
@@ -252,10 +252,10 @@ export const PairDetail = ({ pair, index }: PairDetailProps) => {
                           sx={{ flexGrow: 1, overflowY: 'auto' }}
                           key={`tree-view-2-${key}-${index}`}
                         >
-                                                    <TreeItem
-  nodeId={`${String(key)}-${index}`}
-  label={`${String(pair.what[index].action)}`}
->
+                          <TreeItem
+                            nodeId={`${String(key)}-${index}`}
+                            label={`${String(pair.what[index].action)}`}
+                          >
                             {
                               // @ts-ignore
                               DisplayValueContent(pair.what[key], [key], false)