VertexHandlerConfig.rotationEnabled = true;
    VertexHandlerConfig.cursorMovable = 'move';
    EdgeHandlerConfig.virtualBendsEnabled = true;
    graph.setCellsBendable(true);
    graph.setPanning(true);
    graph.setHtmlLabels(true);
    graph.setGridEnabled(true);
    graph.setGridSize(10);
    graph.setPanning(true);
    graph.setAllowDanglingEdges(true);
    graph.resetEdgesOnConnect = false;
    graph.setRecursiveResize(true);
    graph.setConstrainRelativeChildren(true);

if (!graph) return;
      const selectedCells = graph.getSelectionCells();

      try {
        graph.getDataModel().beginUpdate();

        const cells = graph.getCellsForGroup(selectedCells);
        console.log(cells);

        if (cells.length > 1) {
          graph.createGroupCell;
          const group = graph.groupCells(null as any, 0, cells);

          graph.setCellStyle(
            {
              ...group.style,
              shape: 'rectangle',
              fillColor: 'none',
              strokeColor: 'none',
              rotatable: true,
              resizable: true,
            },
            [group]
          );

          graph.setSelectionCell(group);
        }
      } finally {
        graph.getDataModel().endUpdate();
      }