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
@@ -84,11 +84,14 @@ const ArtistFilter = (props) => {

 const ArtistDatagridRow = (props) => {
  const { record } = props
-  const [, dragArtistRef] = useDrag(() => ({
-    type: DraggableTypes.ARTIST,
-    item: { artistIds: [record?.id] },
-    options: { dropEffect: 'copy' },
-  }))
+  const [, dragArtistRef] = useDrag(
+    () => ({
+      type: DraggableTypes.ARTIST,
+      item: { artistIds: [record?.id] },
+      options: { dropEffect: 'copy' },
+    }),
+    [record]
+  )
  return <DatagridRow ref={dragArtistRef} {...props} />
 }