Site breaks when trying to choose existing media

Open
#16,824 4 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
38/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Quiet
Tech stack
next.js, react, typescript
Domain
frontend

Research direction

Start by reproducing the failure from the image field with “choose from existing,” then close the media picker as described. Inspect the admin media picker and image-field flow involved in the dismissal; done means the picker closes without the admin crashing, the image field remains usable, and the existing-media workflow still works.

Written by the indexing model from the issue text.

Description

invalid-reproduction stale status: needs-triage v3

https://github.com/user-attachments/assets/45ddac1c-7da7-459f-afb6-19f0f5531dd1

Describe the Bug

I have a problem with the image field. I have beforechanges in my media collection to move images to YYYY/MM/filename so there's no duplicate images to deal with. The problem I'm having is when I clicking on "choose from existing" the media panel popups and then disappears. The image field disappears and you can't click on anything on the site. Enclosed is a screen capture of the problem and zip of my src to look around

https://www.dropbox.com/scl/fi/igqb4axn4v46llnkd4803/Screen-Recording-2026-05-27-at-1.20.50-AM.mov?rlkey=txg3wyyjn4kuv1q8mk7qqbaqn&st=6c78q5mn&dl=1

https://www.dropbox.com/scl/fi/ukkdxvlaklqbw80ue1vec/src.zip?rlkey=9odkr4veenhuudclnywh5r5cc&st=bgf6pe20&dl=0

Link to the code that reproduces this issue

none

Reproduction Steps

Click on choose from existing and then close the media picker. Usually the second click is when the admin crashes.

Which area(s) are affected?

Not sure

Environment Info
Binaries:
  Node: 24.15.0
  npm: 11.16.0
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  payload: 3.85.0
  next: 16.2.6
  @payloadcms/db-mongodb: 3.85.0
  @payloadcms/graphql: 3.85.0
  @payloadcms/next/utilities: 3.85.0
  @payloadcms/richtext-lexical: 3.85.0
  @payloadcms/translations: 3.85.0
  @payloadcms/ui/shared: 3.85.0
  react: 19.2.6
  react-dom: 19.2.6
Operating System:
  Platform: linux
  Arch: arm64
  Version: #22-Ubuntu SMP PREEMPT_DYNAMIC Mon May 25 15:37:49 UTC 2026
  Available memory (MB): 15433
  Available CPU cores: 4
Dominant language
TypeScript
Stars
44.8k
Forks
4.2k
Avg merge
2d 21h
Merged PRs (30d)
53

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from payloadcms/payload

All issues in payloadcms/payload

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.