(modified) Modified logic to now include setting the attribute for non-recoil apps in the createTree function

Co-authored-by: Sanjay Lavingia <sanjaylavingia@gmail.com>
Co-authored-by: Chris Guizetti <guizzettic@gmail.com>

Author: 3 people

src/app/components/ComponentMap.tsx

@@ -152,7 +152,13 @@ export default function ComponentMap({
                             forceUpdate();
                           }}
                           onMouseEnter={()=> {
-                            dispatch(onHover(node.data.recoilDomNode[node.data.name]))                        
+
+                            if(node.data.recoilDomNode){
+                              dispatch(onHover(node.data.recoilDomNode[node.data.name]))
+                            } else {
+                              dispatch(onHover(rtid))
+                            }
+                                                    
                           }
                         />
                       )}

src/backend/linkFiber.ts

@@ -398,6 +398,12 @@ function createTree(
 
             pointer = pointer.child
           }
+      } else {
+        if (currentFiber.child && currentFiber.child.stateNode) {
+          rtid = "fromLinkFiber" + rtidCounter
+            currentFiber.child.stateNode.setAttribute("id", rtid);
+          }
+          rtidCounter++;
       }
 
       newNode = tree.addSibling(
@@ -424,6 +430,12 @@ function createTree(
           }          
             pointer = pointer.child
           }
+      } else {
+        if (currentFiber.child && currentFiber.child.stateNode) {
+          rtid = "fromLinkFiber" + rtidCounter
+            currentFiber.child.stateNode.setAttribute("id", rtid);
+          }
+          rtidCounter++;
       }
 
       newNode = tree.addChild(