feat: Set src as key on Thumbnail instances to force the re-render when src change

Author: willybrauner

Diff for: packages/ui/src/elements/Table/DefaultCell/fields/File/index.tsx

@@ -1,5 +1,5 @@
 'use client'
-import type { DefaultCellComponentProps, TextFieldClient, UploadFieldClient } from 'payload'
+import type { DefaultCellComponentProps, UploadFieldClient } from 'payload'
 
 import React from 'react'
 
@@ -8,30 +8,27 @@ import './index.scss'
 
 const baseClass = 'file'
 
-export interface FileCellProps
-  extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {}
+export interface FileCellProps extends DefaultCellComponentProps<any, UploadFieldClient> {}
 
 export const FileCell: React.FC<FileCellProps> = ({
   cellData: filename,
-  collectionConfig,
+  customCellContext,
   rowData,
 }) => {
   const { collectionSlug, uploadConfig } = customCellContext
-  const src = rowData?.thumbnailURL || rowData?.url
 
   return (
     <div className={baseClass}>
       <Thumbnail
         className={`${baseClass}__thumbnail`}
-        collectionSlug={collectionConfig?.slug}
+        collectionSlug={collectionSlug}
         doc={{
           ...rowData,
           filename,
         }}
-        fileSrc={src}
-        key={src}
+        fileSrc={rowData?.thumbnailURL || rowData?.url}
         size="small"
-        uploadConfig={collectionConfig?.upload}
+        uploadConfig={uploadConfig}
       />
       <span className={`${baseClass}__filename`}>{String(filename)}</span>
     </div>