fix(ui): upload dropzone error when collectionConfig is undefined (#14043)

PatrikKozak · web-flow · commit 62fcf18cc358 · 2025-10-03T06:42:21.000-07:00
### What? Fixes a bug where dragging a file into an upload dropzone when the drawer is closed throws an error: "Cannot read properties of undefined". ### Why? The `collectionConfig` variable can be undefined when the drawer is not opened, causing the code to fail when trying to access `collectionConfig.upload?.displayPreview`. ### How? Added optional chaining (`?.`) to safely access `collectionConfig`, changing `collectionConfig.upload?.displayPreview` to `collectionConfig?.upload?.displayPreview`. Fixes #13999
diff --git a/packages/ui/src/fields/Upload/RelationshipContent/index.tsx b/packages/ui/src/fields/Upload/RelationshipContent/index.tsx
@@ -89,7 +89,7 @@ export function RelationshipContent(props: Props) {
   }
 
   const metaText = withMeta ? generateMetaText(mimeType, byteSize) : ''
-  const previewAllowed = displayPreview ?? collectionConfig.upload?.displayPreview ?? true
+  const previewAllowed = displayPreview ?? collectionConfig?.upload?.displayPreview ?? true
 
   return (
     <div className={[baseClass, className].filter(Boolean).join(' ')}>

Original file line number	Diff line number	Diff line change
`@@ -89,7 +89,7 @@ export function RelationshipContent(props: Props) {`
`89`	`89`	`}`
`90`	`90`
`91`	`91`	`const metaText = withMeta ? generateMetaText(mimeType, byteSize) : ''`
`92`		`- const previewAllowed = displayPreview ?? collectionConfig.upload?.displayPreview ?? true`
	`92`	`+ const previewAllowed = displayPreview ?? collectionConfig?.upload?.displayPreview ?? true`
`93`	`93`
`94`	`94`	`return (`
`95`	`95`	`<div className={[baseClass, className].filter(Boolean).join(' ')}>`