Merge pull request #1 from PenseAPP-MKdata/fix/warnings-from-deprecat…

…ed-props-material-ui-4.12.1 fix(gregnb#1747): Replace deprecated props in mui based components
penseapp · Aug 12, 2021 · db97d13 · db97d13
2 parents 7558e73 + 25b8cb9
commit db97d13
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/src/components/Popover.js b/src/components/Popover.js
@@ -59,8 +59,7 @@ const Popover = ({ className, trigger, refExit, hide, content, ...providedProps
       <MuiPopover
         elevation={2}
         open={isOpen}
-        onClose={handleRequestClose}
-        onExited={handleOnExit}
+        TransitionProps={{ onExited: handleOnExit, onClose: handleRequestClose }}
         anchorEl={anchorEl.current}
         anchorOrigin={anchorOriginSpecs}
         transformOrigin={transformOriginSpecs}

diff --git a/src/components/TablePagination.js b/src/components/TablePagination.js
@@ -98,8 +98,8 @@ function TablePagination(props) {
                 },
               }}
               rowsPerPageOptions={options.rowsPerPageOptions}
-              onChangePage={handlePageChange}
-              onChangeRowsPerPage={handleRowChange}
+              onPageChange={handlePageChange}
+              onRowsPerPageChange={handleRowChange}
             />
           </div>
         </MuiTableCell>

diff --git a/src/components/TableToolbar.js b/src/components/TableToolbar.js
@@ -349,7 +349,7 @@ class TableToolbar extends React.Component {
               <IconButton
                 aria-label={search}
                 data-testid={search + '-iconButton'}
-                buttonRef={el => (this.searchButton = el)}
+                ref={el => (this.searchButton = el)}
                 classes={{ root: this.getActiveIcon(classes, 'search') }}
                 disabled={options.search === 'disabled'}
                 onClick={this.handleSearchIconClick}>