diff --git a/packages/block-editor-tools/src/components/media-picker/index.jsx b/packages/block-editor-tools/src/components/media-picker/index.jsx
index a6263a36..8bf3c8ca 100644
--- a/packages/block-editor-tools/src/components/media-picker/index.jsx
+++ b/packages/block-editor-tools/src/components/media-picker/index.jsx
@@ -45,9 +45,9 @@ const MediaPicker = ({
 }) => {
   // Get the media object, if given the media ID.
   const {
-    media = null,
+    media = undefined,
   } = useSelect((select) => ({
-    media: value ? select('core').getMedia(value) : null,
+    media: value ? select('core').getMedia(value) : undefined,
   }), [value]);
 
   // getEntityRecord returns `null` if the load is in progress.