diff --git a/ui/src/common/SizeField.js b/ui/src/common/SizeField.js
index b64e4b7cf..8321d166e 100644
--- a/ui/src/common/SizeField.js
+++ b/ui/src/common/SizeField.js
@@ -13,6 +13,7 @@ const useStyles = makeStyles((theme) => ({
 export const SizeField = ({ source, ...rest }) => {
   const classes = useStyles()
   const record = useRecordContext(rest)
+  if (!record) return null
   return <span className={classes.root}>{formatBytes(record[source])}</span>
 }