Fix for annotations

Co-authored-by: jonocr <[email protected]>
Co-authored-by: buddhajjigae <[email protected]>
Co-authored-by: xkevinpark <[email protected]>
Co-authored-by: williamdyoon <[email protected]>

Author: 5 people

app/src/components/main/Annotation.tsx

@@ -70,18 +70,22 @@ function Annotation({
         return handleFindAnno(array[i], id);
       }
     }
+    return '';
   }
 
   /**
    * This useEffect allows the annotations to remain persistent when changing between root level components on the right panel
    */
   useEffect(() => {
-    const event = {
-      target : { value: handleFindAnno(childrenArray, id).annotations},
-      id : id,
+    const targetElement = handleFindAnno(childrenArray, id);
+    if (targetElement !== '') {
+      const event = {
+        target : { value: targetElement.annotations},
+        id : id,
+      }
+      console.log("is this a value?", event.target.value);
+      handleAnnoChange(event);
     }
-
-    handleAnnoChange(event);
   }, [state.canvasFocus])
 
   const body = (