Fix FileFIeld and ImageField

Author: djhi

packages/ra-ui-materialui/src/field/FileField.tsx

@@ -41,7 +41,7 @@ export const FileField = <
         ...rest
     } = props;
     const record = useRecordContext(props);
-    const sourceValue = get(record, source).toString();
+    const sourceValue = get(record, source);
     const translate = useTranslate();
 
     if (!sourceValue) {
@@ -86,12 +86,12 @@ export const FileField = <
         );
     }
 
-    const titleValue = get(record, title).toString() || title;
+    const titleValue = get(record, title)?.toString() || title;
 
     return (
         <Root className={className} {...sanitizeFieldRestProps(rest)}>
             <Link
-                href={sourceValue}
+                href={sourceValue?.toString()}
                 title={titleValue}
                 target={target}
                 download={download}

packages/ra-ui-materialui/src/field/ImageField.tsx

@@ -16,7 +16,7 @@ export const ImageField = <
 ) => {
     const { className, emptyText, source, src, title, ...rest } = props;
     const record = useRecordContext(props);
-    const sourceValue = get(record, source).toString();
+    const sourceValue = get(record, source);
     const translate = useTranslate();
 
     if (!sourceValue) {
@@ -62,14 +62,14 @@ export const ImageField = <
         );
     }
 
-    const titleValue = get(record, title).toString() || title;
+    const titleValue = get(record, title)?.toString() || title;
 
     return (
         <Root className={className} {...sanitizeFieldRestProps(rest)}>
             <img
                 title={titleValue}
                 alt={titleValue}
-                src={sourceValue}
+                src={sourceValue?.toString()}
                 className={ImageFieldClasses.image}
             />
         </Root>