[DataGrid] Fix warning with v5 (#1038)

mui · Feb 15, 2021 · e713ad3 · e713ad3
1 parent 0115f60
commit e713ad3
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/packages/grid/_modules_/grid/components/Pagination.tsx b/packages/grid/_modules_/grid/components/Pagination.tsx
@@ -9,6 +9,12 @@ import { isMuiV5 } from '../utils';
 
 // Used to hide the Rows per page selector on small devices
 const useStyles = makeStyles((theme: Theme) => ({
+  selectLabel: {
+    display: 'none',
+    [theme.breakpoints.up('md')]: {
+      display: 'block',
+    },
+  },
   caption: {
     // input label
     '&[id]': {
@@ -64,7 +70,10 @@ export function Pagination() {
   return (
     // @ts-ignore TODO remove once upgraded v4 support is dropped
     <TablePagination
-      classes={classes}
+      classes={{
+        ...(isMuiV5() ? { selectLabel: classes.selectLabel } : { caption: classes.caption }),
+        input: classes.input,
+      }}
       component="div"
       count={paginationState.rowCount}
       page={paginationState.page}