Fix playlists

ui/src/playlist/PlaylistSongBulkActions.js

@@ -1,17 +1,26 @@
 import React, { Fragment, useEffect } from 'react'
-import { BulkDeleteButton, useUnselectAll } from 'react-admin'
+import {
+  BulkDeleteButton,
+  useUnselectAll,
+  ResourceContextProvider,
+} from 'react-admin'
 import PropTypes from 'prop-types'
 
-const PlaylistSongBulkActions = ({ playlistId, ...rest }) => {
+// Replace original resource with "fake" one for removing tracks from playlist
+const PlaylistSongBulkActions = ({ playlistId, resource, ...rest }) => {
   const unselectAll = useUnselectAll()
   useEffect(() => {
     unselectAll('playlistTrack')
     // eslint-disable-next-line
   }, [])
+
+  const mappedResource = `playlist/${playlistId}/tracks`
   return (
-    <Fragment>
-      <BulkDeleteButton {...rest} resource={`playlist/${playlistId}/tracks`} />
-    </Fragment>
+    <ResourceContextProvider value={mappedResource}>
+      <Fragment>
+        <BulkDeleteButton {...rest} resource={mappedResource} />
+      </Fragment>
+    </ResourceContextProvider>
   )
 }