diff --git a/packages/frontend/src/components/nft/NFTMedia.js b/packages/frontend/src/components/nft/NFTMedia.js
index ec09673eb8..f953aa8a61 100644
--- 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];