chore: update dependency for MUI pagination

bcgov · Aug 13, 2024 · 0ff39b0 · 0ff39b0
1 parent 98042d0
commit 0ff39b0
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/app/components/Table/Pagination.tsx b/app/components/Table/Pagination.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import { TablePagination } from '@mui/base/TablePagination';
 import { Dropdown, Button } from '@button-inc/bcgov-theme';
 import styled from 'styled-components';
+import TablePagination from '@mui/material/TablePagination';
 
 interface Props {
   /**
@@ -97,14 +97,15 @@ const FilterableTablePagination: React.FunctionComponent<Props> = ({
       className={disabled ? 'disabled' : ''}
     >
       <TablePagination
+        component="div"
         count={totalCount}
         page={activePage}
         rowsPerPage={pageSize}
         rowsPerPageOptions={PAGE_SIZE_OPTIONS}
         onPageChange={handlePageChange}
         onRowsPerPageChange={handlePageSizeChange}
         labelRowsPerPage="Items per page:"
-        slots={paginationComponents}
+        slots={paginationComponents as any}
         slotProps={paginationComponentsProps as any}
       />
     </td>