Материал интерфейса сетки перетаскивания

Question

Я хотел бы преобразовать мою Material-Ui Grid в сетку перетаскивания. Я уже пытался преобразовать его с помощью пакета react-grid-layout, но это дает странный результат. Какой простой способ сделать сетку Material Ui перетаскиваемой и сбрасываемой.

Моя сетка выглядит так:

<Grid
   container
   spacing={2}
   direction="row"
   justify="flex-start"
   alignItems="flex-start"
  >
    { widgets.map(elem => (
      <Grid item xs={12} sm={6} md={3} key={widgets.indexOf(elem)}>
         { elem }
      </Grid>
    ))}
</Grid>