Feature/update dependencies (#685)

* Update dependencies

* Add missing "graphql" peer dependency

src/components/MangaGrid.tsx

@@ -35,7 +35,8 @@ const GridItemContainerWithDimension = (
     const itemsPerRow = Math.ceil(dimensions / itemWidth);
     const columnsPerItem = gridLayout === GridLayout.List ? maxColumns : maxColumns / itemsPerRow;
 
-    return ({ children, ...itemProps }: GridTypeMap['props'] & Partial<GridItemProps>) => (
+    // MUI GridProps and Virtuoso GridItemProps use different types for the "ref" prop which conflict with each other
+    return ({ children, ...itemProps }: GridTypeMap['props'] & Omit<Partial<GridItemProps>, 'ref'>) => (
         <Grid {...itemProps} item xs={columnsPerItem} sx={{ width: '100%', paddingTop: '8px', paddingLeft: '8px' }}>
             {children}
         </Grid>

src/components/atoms/Select.tsx

@@ -6,14 +6,14 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { Select as MuiSelect, SelectVariants } from '@mui/material';
+import { Select as MuiSelect } from '@mui/material';
 
-export const Select = <Value, Variant extends SelectVariants>({
+export const Select = <Value,>({
     children,
     maxSelectionHeightPx = 250,
     ...props
-}: React.ComponentProps<typeof MuiSelect<Value, Variant>> & { maxSelectionHeightPx?: number }) => (
-    <MuiSelect<any, any> MenuProps={{ PaperProps: { style: { maxHeight: maxSelectionHeightPx } } }} {...props}>
+}: React.ComponentProps<typeof MuiSelect<Value>> & { maxSelectionHeightPx?: number }) => (
+    <MuiSelect<Value> MenuProps={{ PaperProps: { style: { maxHeight: maxSelectionHeightPx } } }} {...props}>
         {children}
     </MuiSelect>
 );

src/components/manga/MangaOptionButton.tsx

@@ -12,7 +12,7 @@ import { Button, Tooltip } from '@mui/material';
 import Checkbox from '@mui/material/Checkbox';
 import IconButton from '@mui/material/IconButton';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
-import { PopupState } from 'material-ui-popup-state/es/hooks';
+import { PopupState } from 'material-ui-popup-state/hooks';
 import { bindTrigger } from 'material-ui-popup-state';
 import { isMobile } from 'react-device-detect';
 import { SelectableCollectionReturnType } from '@/components/collection/useSelectableCollection.ts';