UploadFeature thumbnail problem in @payload/richtext-lexical when not using image files

[galcsikgyozo]

Link to reproduction

No response

Payload Version

3.0.0-beta.53

Node Version

20.9.0

Next.js Version

15.0.0-rc.0

Describe the Bug

Using the UploadFeature in @payload/richtext-lexical, anything that is not an image is still included in an <img> tag instead of using a fallback thumbnail like on the List View of the Media collection.

<img alt="video-example.mp4" data-lexical-upload-id="X" data-lexical-upload-relation-to="media" src="/api/media/file/video-example.mp4">

Reproduction Steps

UploadFeature passed to the lexicalEditor.
Trying to upload a file which is not an image.

Adapters and Plugins

richtext-lexical, UploadFeature

[github-actions]

This issue has been marked as stale due to lack of activity.

To keep this issue open, please indicate that it is still relevant in a comment below.

[jhuenges]

I also stumbled across this issue and found this comment:

payload/packages/richtext-lexical/src/features/upload/client/component/index.tsx

Line 210 in f5516b9

{/* TODO: migrate to use @payloadcms/ui/elements/Thumbnail component */}

Would you accept a PR fixing this?