From 965fd8e47983b9863cc10575aa886a7a42e64b1e Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 13 Oct 2022 13:01:30 -0500
Subject: [PATCH] MediaModal: fix types for Audio

---
 app/soapbox/features/ui/components/media-modal.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/soapbox/features/ui/components/media-modal.tsx b/app/soapbox/features/ui/components/media-modal.tsx
index bf55ea8aa..a04808ece 100644
--- a/app/soapbox/features/ui/components/media-modal.tsx
+++ b/app/soapbox/features/ui/components/media-modal.tsx
@@ -209,11 +209,11 @@ const MediaModal: React.FC<IMediaModal> = (props) => {
         <Audio
           src={attachment.url}
           alt={attachment.description}
-          poster={attachment.preview_url !== attachment.url ? attachment.preview_url : (status.getIn(['account', 'avatar_static']))}
-          backgroundColor={attachment.meta.getIn(['colors', 'background'])}
-          foregroundColor={attachment.meta.getIn(['colors', 'foreground'])}
-          accentColor={attachment.meta.getIn(['colors', 'accent'])}
-          duration={attachment.meta.getIn(['original', 'duration'], 0)}
+          poster={attachment.preview_url !== attachment.url ? attachment.preview_url : (status.getIn(['account', 'avatar_static'])) as string | undefined}
+          backgroundColor={attachment.meta.getIn(['colors', 'background']) as string | undefined}
+          foregroundColor={attachment.meta.getIn(['colors', 'foreground']) as string | undefined}
+          accentColor={attachment.meta.getIn(['colors', 'accent']) as string | undefined}
+          duration={attachment.meta.getIn(['original', 'duration'], 0) as number | undefined}
           key={attachment.url}
         />
       );