Make this cytoscape.js node component clickable - add feature so that my node becomes clickable

    <div className="App" style={{ backgroundColor: "#3f3f3f" }}>
      <h1>Hello CodeSandbox</h1>
      <CytoscapeComponent
        elements={elements}
        style={{ width: 1000, height: 1000 }}
        stylesheet={[
          {
            selector: "node",
            style: {
              label: "data(label)",
              //"background-image": "url(" + data + ")",
              //"background-image": "url(" + data + ")",
              "background-color": "#e4d6c1",
              "border-color": "#b50d1a",
              "border-width": 2,
              "target-arrow-shape": "triangle",
              width: 90,
              height: 50,
              shape: "round",
              color: "#828282",
              // "background-color": 'orange'
            },
          },
          {
            selector: "edge",
            style: {
              label: "data(label)",

              width: 1,
              color: "#828282",
            },
          },
        ]}
        layout={layout}
      />
    </div>

1.I want to add feature to my component so that my node becomes clickable so that child nodes can expand from that. 2.I am using this component don't know how to change that.