Remove double-retching playlist's tracks

ui/src/playlist/PlaylistShow.js

@@ -4,7 +4,7 @@ import {
   ShowContextProvider,
   useShowContext,
   useShowController,
-  Pagination as RaPagination,
+  Pagination,
 } from 'react-admin'
 import { makeStyles } from '@material-ui/core/styles'
 import PlaylistDetails from './PlaylistDetails'
@@ -52,7 +52,7 @@ const PlaylistShowLayout = (props) => {
             }
             resource={'playlistTrack'}
             exporter={false}
-            pagination={<RaPagination rowsPerPageOptions={[100, 250, 500]} />}
+            pagination={<Pagination rowsPerPageOptions={[100, 250, 500]} />}
           />
         </ReferenceManyField>
       )}

ui/src/playlist/PlaylistSongs.js

@@ -9,7 +9,6 @@ import {
   useNotify,
   useVersion,
   useListContext,
-  ListBase,
   FunctionField,
 } from 'react-admin'
 import clsx from 'clsx'
@@ -214,16 +213,12 @@ const SanitizedPlaylistSongs = (props) => {
   return (
     <>
       {loaded && (
-        <>
+        <PlaylistSongs
-          <ListBase {...props}>
+          playlistId={props.id}
-            <PlaylistSongs
+          actions={props.actions}
-              playlistId={props.id}
+          pagination={props.pagination}
-              actions={props.actions}
+          {...rest}
-              pagination={props.pagination}
+        />
-              {...rest}
-            />
-          </ListBase>
-        </>
       )}
     </>
   )