Fix drag-n-drop from a playlist, also fix useDrag memoization

2021-10-23 12:54:17 -04:00
parent 2e2a647e67
commit 31c598de07
4 changed files with 42 additions and 27 deletions
@@ -51,11 +51,14 @@ const useStyles = makeStyles({

 const AlbumDatagridRow = (props) => {
  const { record } = props
-  const [, dragAlbumRef] = useDrag(() => ({
-    type: DraggableTypes.ALBUM,
-    item: { albumIds: [record.id] },
-    options: { dropEffect: 'copy' },
-  }))
+  const [, dragAlbumRef] = useDrag(
+    () => ({
+      type: DraggableTypes.ALBUM,
+      item: { albumIds: [record.id] },
+      options: { dropEffect: 'copy' },
+    }),
+    [record]
+  )
  return <DatagridRow ref={dragAlbumRef} {...props} />
 }