Runtime error on editing asset details.

[shahanshaada]

Unhandled Runtime error on editing asset details from meatball menu option “Media” for images that are within an array/block.

Error: Uncaught Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

To Reproduce
Steps to reproduce the behavior:

1. Go to a image that is inside a block/array in sanity.
2. From the meatball menu, select "Media"
3. Select the image you just uploaded.
4. Add/edit any field in Asset details of that image.
5. Click "Save and Close

Expected behavior
Expected behavior is to get the details saved, but instead sanity crashes and shows the above error.

Screenshots


Below is the error with latest sanity media plugin version:

Plugin and environment information:

• "sanity-plugin-media": "^2.3.2"
• "sanity": "^3.47.1",

[andelkocvjetkovic]

Having the same issue

[Shahan-Shaada]

Plugin and environment information:

"sanity-plugin-media": "^2.2.5",
"sanity": "^3.47.1",

[Laruxo]

I am having the same issue. It works fine when editing asset details directly from the media tool.

I had similar issues with our own custom components. Most fixes involved adding useMemo and useCallback on certain props.

sanity: v3.71.2
react: v19.0.0
sanity-plugin-media: v2.3.2

[bobinska-dev]

Hello everyone!
Can you please update your Sanity, media plugin and react to the newest versions please?
Most probably, the issue arises from an old Sanity UI package (in the Sanity package), which uses an older logic for ref components in react, which leads to the error.

If this does not help, please let us know