🐛 Handles potentially undefined thumbnail URLs #3094 (#3095)

Author: millianapia

web/pageComponents/shared/Hero/LoopingVideo.tsx

@@ -26,7 +26,7 @@ export const LoopingVideo = ({ video }: { video: LoopingVideoData }) => {
           autoPlay
           playButton={false}
           title={title}
-          poster={thumbnailURL.src}
+          poster={thumbnailURL?.src}
           src={url}
           videoDescription={thumbnail.alt}
         />

web/pageComponents/shared/VideoPlayer.tsx

@@ -99,7 +99,7 @@ export const VideoComponentWithCaption = ({
           className="object-cover"
           src={video.url}
           title={video.title}
-          poster={urlFor(video.thumbnail).width(w).height(h).url()}
+          poster={urlFor(video.thumbnail?.asset).width(w).height(h).url()}
           playsInline
           aspectRatio={designOptions.aspectRatio}
           useBrandTheme={designOptions?.useBrandTheme}
@@ -143,7 +143,7 @@ export const VideoJsComponent = ({
         className="object-cover"
         src={video.url}
         title={video.title}
-        poster={video.thumbnail && urlFor(video.thumbnail).width(w).height(h).url()}
+        poster={video.thumbnail?.asset && urlFor(video.thumbnail).width(w).height(h).url()}
         playsInline
         aspectRatio={designOptions.aspectRatio}
         useBrandTheme={designOptions?.useBrandTheme}