From fffe4b2f18d3869042ff7b7abdccbbb007bad511 Mon Sep 17 00:00:00 2001
From: Jongsun Suh <jongsun.suh@icloud.com>
Date: Mon, 22 Jul 2024 13:17:26 -0400
Subject: [PATCH] Fix for typescript 5.0 breaking change - forbidden implicit
 coercions in relational operators

---
 .../src/features/builder/components/BaseNode.tsx              | 4 ++--
 .../src/features/builder/components/NodeTree.tsx              | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/snaps-simulator/src/features/builder/components/BaseNode.tsx b/packages/snaps-simulator/src/features/builder/components/BaseNode.tsx
index 26f804fbf6..6cc47f633e 100644
--- a/packages/snaps-simulator/src/features/builder/components/BaseNode.tsx
+++ b/packages/snaps-simulator/src/features/builder/components/BaseNode.tsx
@@ -39,7 +39,7 @@ export const BaseNode: FunctionComponent<BaseNodeProps> = ({
       borderColor="border.default"
       display={isDragging ? 'none' : 'flex'}
       marginX="4"
-      cursor={node.id > 1 ? 'move' : 'default'}
+      cursor={Number(node.id) > 1 ? 'move' : 'default'}
     >
       <Icon icon={node.data.type.toLowerCase() as IconName} width="16px" />
       <Text
@@ -53,7 +53,7 @@ export const BaseNode: FunctionComponent<BaseNodeProps> = ({
         {node.data.type}
       </Text>
       {children}
-      {node.id >= 2 && (
+      {Number(node.id) >= 2 && (
         <Icon
           icon="cross"
           width="11px"
diff --git a/packages/snaps-simulator/src/features/builder/components/NodeTree.tsx b/packages/snaps-simulator/src/features/builder/components/NodeTree.tsx
index ffce01ac99..ddb51b2825 100644
--- a/packages/snaps-simulator/src/features/builder/components/NodeTree.tsx
+++ b/packages/snaps-simulator/src/features/builder/components/NodeTree.tsx
@@ -99,7 +99,7 @@ export const NodeTree: FunctionComponent<NodeTreeProps> = ({
 
   const handleCanDrag = (node?: NodeModel<JSXElement>) => {
     if (node) {
-      return node.id >= 2;
+      return Number(node.id) >= 2;
     }
 
     return false;
@@ -113,7 +113,7 @@ export const NodeTree: FunctionComponent<NodeTreeProps> = ({
       return (
         canDropElement(dropTarget?.data, dragSource?.data) &&
         dropTarget?.droppable &&
-        dropTargetId > 0
+        Number(dropTargetId) > 0
       );
     }