From f7740407c31db41e1d4b243e0040784a82c63ea5 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 5 Mar 2023 18:49:38 -0800
Subject: [PATCH] Migrate transition props

---
 src/renderer/components/popover/index.tsx                   | 2 +-
 src/renderer/components/select/index.tsx                    | 6 ++----
 .../now-playing/components/play-queue-list-controls.tsx     | 2 +-
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/popover/index.tsx b/src/renderer/components/popover/index.tsx
index 810a7f22..f9b79d4d 100644
--- a/src/renderer/components/popover/index.tsx
+++ b/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}
diff --git a/src/renderer/components/select/index.tsx b/src/renderer/components/select/index.tsx
index 2bd3c230..e477a9a1 100644
--- a/src/renderer/components/select/index.tsx
+++ b/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}
     />
   );
diff --git a/src/renderer/features/now-playing/components/play-queue-list-controls.tsx b/src/renderer/features/now-playing/components/play-queue-list-controls.tsx
index 2f832c58..0d40c705 100644
--- a/src/renderer/features/now-playing/components/play-queue-list-controls.tsx
+++ b/src/renderer/features/now-playing/components/play-queue-list-controls.tsx
@@ -147,7 +147,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
       <Group>
         <Popover
           position="top-end"
-          transition="fade"
+          transitionProps={{ transition: 'fade' }}
         >
           <Popover.Target>
             <Button