Merge pull request #2764 from near/bugfix

fix: do not break page when mediaUrl is undefined
near · Jun 20, 2022 · 7920c9b · 7920c9b
2 parents 02eb865 + cd52252
commit 7920c9b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/frontend/src/components/nft/NFTMedia.js b/packages/frontend/src/components/nft/NFTMedia.js
@@ -6,8 +6,8 @@ export function NFTMedia({ mediaUrl, autoPlay = false }) {
     const [isVideo, mimeType] = useMemo(() => {
         let mimeType;
         // check mediaUrl string for .webm or .mp4 endings (case-insensitive)
-        if (mediaUrl.match(/\.webm$/i)) mimeType = 'webm';
-        else if (mediaUrl.match(/\.mp4$/i)) mimeType = 'mp4';
+        if (mediaUrl && mediaUrl.match(/\.webm$/i)) mimeType = 'webm';
+        else if (mediaUrl && mediaUrl.match(/\.mp4$/i)) mimeType = 'mp4';
         // if there is a mediaUrl and a truthy mimeType (webm or mp4), we have a video
         const isVideo = !!mediaUrl && mimeType;
         return [isVideo, mimeType];