examples using hooks / useState ? about react-cytoscapejs HOT 3 OPEN

function MyComponent() {
  const cyRef = useRef<CytoscapeRef | null>();

  // cleanup cytoscape listeners on unmount
  useEffect(() => {
    return () => {
      if (cyRef.current) {
        cyRef.current.removeAllListeners();
        cyRef.current = null;
      }
    };
  }, []);

  const cyCallback = useCallback(
    (cy: CytoscapeRef) => {
      // this is called each render of the component, don't add more listeners
      if (cyRef.current) return;

      cyRef.current = cy;
      cy.ready(...);
      cy.on(...);
    },
    [...dependencies],
  );

  return <Cytoscape cy={cyCallback} {...} />;
}