pagination, tooltip, popover fixed for muiv7+

Signed-off-by: YASHMAHAKAL <yvsst01@gmail.com>

Author: YASHMAHAKAL

examples/custom-components/index.js

@@ -21,8 +21,8 @@ const CustomTooltip = (props) => {
   return (
     <MuiTooltip
       title={props.title}
-      TransitionComponent={Fade}
-      TransitionProps={{ timeout: 250 }}
+      slots={{ transition: Fade }}
+      slotProps={{ transition: { timeout: 250 } }}
       leaveDelay={250}>{props.children}</MuiTooltip>
   );
 };

examples/customize-footer/CustomFooter.js

@@ -37,11 +37,15 @@ class CustomFooter extends React.Component {
               page={page}
               labelRowsPerPage={textLabels.rowsPerPage}
               labelDisplayedRows={({ from, to, count }) => `${from}-${to} ${textLabels.displayRows} ${count}`}
-              backIconButtonProps={{
-                'aria-label': textLabels.previous,
-              }}
-              nextIconButtonProps={{
-                'aria-label': textLabels.next,
+              slotProps={{
+                actions: {
+                  previousButton: {
+                    'aria-label': textLabels.previous,
+                  },
+                  nextButton: {
+                    'aria-label': textLabels.next,
+                  }
+                }
               }}
               rowsPerPageOptions={[10,20,100]}
               onPageChange={this.handlePageChange}