Fix mui deprecations

src/apps/dashboard/features/logs/components/LogItemList.tsx

@@ -24,9 +24,15 @@ const LogItemList: FunctionComponent<LogItemProps> = ({ logs }: LogItemProps) =>
                         <ListItemLink to={`/dashboard/logs/${log.Name}`}>
                             <ListItemText
                                 primary={log.Name}
-                                primaryTypographyProps={{ variant: 'h3' }}
                                 secondary={getDate(log)}
-                                secondaryTypographyProps={{ variant: 'body1' }}
+                                slotProps={{
+                                    primary: {
+                                        variant: 'h3'
+                                    },
+                                    secondary: {
+                                        variant: 'body1'
+                                    }
+                                }}
                             />
                         </ListItemLink>
                     </ListItem>

src/apps/dashboard/features/tasks/components/NewTriggerForm.tsx

@@ -68,9 +68,11 @@ const NewTriggerForm: FunctionComponent<IProps> = ({ open, title, onClose, onAdd
             maxWidth={'xs'}
             fullWidth
             onClose={onClose}
-            PaperProps={{
-                component: 'form',
-                onSubmit: onSubmit
+            slotProps={{
+                paper: {
+                    component: 'form',
+                    onSubmit
+                }
             }}
         >
             <DialogTitle>{title}</DialogTitle>

src/apps/dashboard/routes/libraries/nfo.tsx

@@ -119,13 +119,16 @@ export const Component = () => {
                                 label={globalize.translate('LabelKodiMetadataUser')}
                                 defaultValue={nfoConfig.UserId || ''}
                                 select
-                                SelectProps={{
-                                    displayEmpty: true
-                                }}
-                                InputLabelProps={{
-                                    shrink: true
-                                }}
                                 helperText={globalize.translate('LabelKodiMetadataUserHelp')}
+                                slotProps={{
+                                    select: {
+                                        displayEmpty: true
+                                    },
+
+                                    inputLabel: {
+                                        shrink: true
+                                    }
+                                }}
                             >
                                 <MenuItem value=''>{globalize.translate('None')}</MenuItem>
                                 {users.map(user =>

src/apps/experimental/components/AppToolbar/menus/RemotePlayActiveMenu.tsx

@@ -94,13 +94,15 @@ const RemotePlayActiveMenu: FC<RemotePlayActiveMenuProps> = ({
             keepMounted
             open={open}
             onClose={onMenuClose}
-            MenuListProps={{
-                'aria-labelledby': 'remote-play-active-subheader',
-                subheader: (
-                    <ListSubheader component='div' id='remote-play-active-subheader'>
-                        {remotePlayerName}
-                    </ListSubheader>
-                )
+            slotProps={{
+                list: {
+                    'aria-labelledby': 'remote-play-active-subheader',
+                    subheader: (
+                        <ListSubheader component='div' id='remote-play-active-subheader'>
+                            {remotePlayerName}
+                        </ListSubheader>
+                    )
+                }
             }}
         >
             {isDisplayMirrorSupported && (

src/apps/experimental/components/AppToolbar/menus/SyncPlayMenu.tsx

@@ -287,7 +287,9 @@ const SyncPlayMenu: FC<SyncPlayMenuProps> = ({
             keepMounted
             open={open}
             onClose={onMenuClose}
-            MenuListProps={MenuListProps}
+            slotProps={{
+                list: MenuListProps
+            }}
         >
             {menuItems}
         </Menu>

src/apps/experimental/components/drawers/DrawerHeaderLink.tsx

@@ -22,8 +22,10 @@ const DrawerHeaderLink = () => {
             </ListItemIcon>
             <ListItemText
                 primary={systemInfo?.ServerName || 'Jellyfin'}
-                primaryTypographyProps={{ variant: 'h6' }}
                 secondary={systemInfo?.Version}
+                slotProps={{
+                    primary: { variant: 'h6' }
+                }}
             />
         </ListItemLink>);
 };

src/apps/experimental/components/library/filter/FilterButton.tsx

@@ -35,9 +35,11 @@ const Accordion = styled((props: AccordionProps) => (
     <MuiAccordion
         disableGutters
         elevation={0}
-        TransitionProps={{ unmountOnExit: true }}
         square
         {...props}
+        slotProps={{
+            transition: { unmountOnExit: true }
+        }}
     />
 ))(({ theme }) => ({
     border: `1px solid ${theme.palette.divider}`,
@@ -181,10 +183,12 @@ const FilterButton: FC<FilterButtonProps> = ({
                     vertical: 'top',
                     horizontal: 'center'
                 }}
-                PaperProps={{
-                    style: {
-                        maxHeight: '50%',
-                        width: 250
+                slotProps={{
+                    paper: {
+                        style: {
+                            maxHeight: '50%',
+                            width: 250
+                        }
                     }
                 }}
             >

src/components/common/NoItemsMessage.tsx

@@ -15,7 +15,7 @@ const NoItemsMessage: FC<NoItemsMessageProps> = ({
             <Typography variant='h1'>
                 {globalize.translate('MessageNothingHere')}
             </Typography>
-            <Typography paragraph>
+            <Typography sx={{ marginBottom: '16px' }}>
                 {globalize.translate(message)}
             </Typography>
         </Box>