From 32298b46b7d699ee4562596d48781f245e6c5f73 Mon Sep 17 00:00:00 2001
From: Daniel Lautzenheiser <lautzd@gmail.com>
Date: Wed, 11 Jan 2023 10:55:22 -0500
Subject: [PATCH] Do not return empty asset from useMediaAsset

---
 packages/core/src/lib/hooks/useMediaAsset.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/lib/hooks/useMediaAsset.ts b/packages/core/src/lib/hooks/useMediaAsset.ts
index 97445072..ff96f63b 100644
--- a/packages/core/src/lib/hooks/useMediaAsset.ts
+++ b/packages/core/src/lib/hooks/useMediaAsset.ts
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 
-import { getAsset } from '@staticcms/core/actions/media';
+import { emptyAsset, getAsset } from '@staticcms/core/actions/media';
 import { useAppDispatch } from '@staticcms/core/store/hooks';
 import { isNotEmpty } from '../util/string.util';
 
@@ -21,8 +21,10 @@ export default function useMediaAsset<T extends Field>(
     }
 
     const fetchMedia = async () => {
-      const asset = (await dispatch(getAsset<T>(collection, entry, url, field)))?.toString() ?? '';
-      setAssetSource(asset);
+      const asset = await dispatch(getAsset<T>(collection, entry, url, field));
+      if (asset !== emptyAsset) {
+        setAssetSource(asset?.toString() ?? '');
+      }
     };
 
     fetchMedia();