Make SongDatagrid faster by using PureDatagridBody

ui/src/common/SongDatagrid.js

@@ -1,6 +1,6 @@
 import React, { isValidElement, useMemo, useCallback } from 'react'
 import { useDispatch } from 'react-redux'
-import { Datagrid, DatagridBody, DatagridRow } from 'react-admin'
+import { Datagrid, PureDatagridBody, DatagridRow } from 'react-admin'
 import { TableCell, TableRow, Typography } from '@material-ui/core'
 import PropTypes from 'prop-types'
 import { makeStyles } from '@material-ui/core/styles'
@@ -119,10 +119,9 @@ SongDatagridRow.defaultProps = {
   onClickDiscSubtitle: () => {},
 }
 
-export const SongDatagrid = ({
+const SongDatagridBody = ({
   contextAlwaysVisible,
   showDiscSubtitles,
-  classes,
   ...rest
 }) => {
   const dispatch = useDispatch()
@@ -160,10 +159,9 @@ export const SongDatagrid = ({
     return set
   }, [ids, data, showDiscSubtitles])
 
-  const SongDatagridBody = (props) => {
   return (
-      <DatagridBody
+    <PureDatagridBody
-        {...props}
+      {...rest}
       row={
         <SongDatagridRow
           firstTracks={firstTracks}
@@ -173,8 +171,24 @@ export const SongDatagrid = ({
       }
     />
   )
+}
+
+export const SongDatagrid = ({
+  contextAlwaysVisible,
+  showDiscSubtitles,
+  ...rest
+}) => {
+  return (
+    <Datagrid
+      {...rest}
+      body={
+        <SongDatagridBody
+          contextAlwaysVisible={contextAlwaysVisible}
+          showDiscSubtitles={showDiscSubtitles}
+        />
       }
-  return <Datagrid {...rest} body={<SongDatagridBody />} classes={classes} />
+    />
+  )
 }
 
 SongDatagrid.propTypes = {