Can't stringify diagram event

Question

I am trying to print out the event from 'click' on the diagram, and getting exception.

I simply have an empty diagram with nothing on it..

  <DiagramComponent id="diagram"
                    ref={diagram => (diagramInstance = diagram)}
                    width={"100%"} height={"1000px"}
                    layout={{
                      type: "ComplexHierarchicalTree",
                      verticalSpacing: 30,
                      horizontalSpacing: 40,
                      enableAnimation: true
                    }}
                    click={(e) => { self.diagramSelected(e) }}
                  >
                    <Inject services={[ComplexHierarchicalTree, LayoutAnimation]} />
                  </DiagramComponent>

I get this error:

TypeError: JSON.stringify cannot serialize cyclic structures

simply trying to do this:

   click={(e) => { self.diagramSelected(e) }}

...

 diagramSelected(e) {

  console.log(`selection changed `, JSON.stringify(e));

}

Shyam G · Answer

Hi Raphael, 
 
The cyclic error forms when an object holds a reference to another object. So we have a cyclic structure formed in our nodes. Please refer to the below node to know more about cyclic structure. If you need to serialize a diagram object, please use a saveDiagram method which will return the serialized json model object. Please refer to a help documentation below. 
 
Link: https://abhishekcgh.wordpress.com/2014/04/26/serializing-json-data-with-cyclic-references/ 

Help documentation: https://ej2.syncfusion.com/react/documentation/diagram/serialization/?no-cache=1 

 
Regards, 
Shyam G

raphael chancey · Answer

ok.. makes sense.. thank you

Shyam G · Answer

Hi Raphael, 
Thanks for your update. 
Regards, 
Shyam G