Migrate transition props

src/renderer/components/popover/index.tsx

@@ -27,7 +27,7 @@ export const Popover = ({ children, ...props }: PopoverProps) => {
           filter: 'drop-shadow(0 0 5px rgb(0, 0, 0, 50%))',
         },
       }}
-      transition="fade"
+      transitionProps={{ transition: 'fade' }}
       {...props}
     >
       {children}

src/renderer/components/select/index.tsx

@@ -64,8 +64,7 @@ export const Select = ({ width, maxWidth, ...props }: SelectProps) => {
         },
       }}
       sx={{ maxWidth, width }}
-      transition="fade"
-      transitionDuration={100}
+      transitionProps={{ duration: 100, transition: 'fade' }}
       {...props}
     />
   );
@@ -126,8 +125,7 @@ export const MultiSelect = ({ width, maxWidth, ...props }: MultiSelectProps) =>
         },
       }}
       sx={{ maxWidth, width }}
-      transition="fade"
-      transitionDuration={100}
+      transitionProps={{ duration: 100, transition: 'fade' }}
       {...props}
     />
   );