Estoy tratando de usar el ejemplo del renderizador de celda Expandir

1 : https://mui.com/components/data-grid/columns/#RenderExpandCellGrid.js proporcionado en la documentación al usar data-grid-pro. Comenzó a comportarse de manera extraña después de que agregué columnas ancladas:

 <DataGridPro rows={rows} columns={columns} initialState={{ pinnedColumns: { left: ["col2"], right: [] }, }} />

1. Para columnas ancladas, el elemento emergente se muestra debajo de la celda: elemento emergente de corte
2. Cuando me muevo por las celdas, todas las líneas sobre las que me moví permanecen seleccionadas: 3 filas seleccionadas

Estoy buscando una solución para implementar la fijación de columnas y el renderizador de celdas Expandir