Flooded with warnings in console for collection that has either group or array in v3.37.0

[anyuj]

Describe the Bug

After upgrade to 3.37.0, when you visit a collection that has array or group and refresh the page, it will spamming multiple lines of warning in the console. Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo().

Link to the code that reproduces this issue

https://github.com/anyuj/flooded-warnings

Reproduction Steps

Use the above repo or:

1. Init a payload blank template
2. Create collection either with array or group
3. Visit the collection page, and refresh the page. The warnings will show up.

Which area(s) are affected? (Select all that apply)

Any collection that has either a group or an array field

Environment Info

Payload: 3.37.0
Next.js: 15.3.2
Node: 22.13.0

[alexrah]

Issue started when updating payload to 3.37.0 In my setup it happens on a collection with Upload functionality when the imageSizes array is defined. If I remove imageSizes altogether, the warnings disappear.

Reproduction Steps

1. Init a payload blank template
2. Create collection with Upload functionality
3. add at least 1 configuration to the imageSizes array
4. Visit the collection page, and refresh the page. The warnings will show up.

Which area(s) are affected?

• any collection with Upload functionality and imageSizes array
• any collection with a field of type upload, relationTo the collection defined with imageSizes array

Env

Payload: 3.37.0
Next.js: 15.3.2
Node: 20.17.0

[zegie]

Having same issue

"next": "15.3.1",
"payload": "3.37.0",

[C947326]

Having this issue as well when updating to 3.37.

[tuphuc]

same for 3.39.1

[Amar2Kk]

Have the same issue, but only while using Firefox.

[zenovak]

Same issues in 3.39.1, It happened when I added my own cell custom component to my field:

{
      name: "images",
      type: "relationship",
      relationTo: "media",
      hasMany: true,
      admin: {
        components: {
          Cell: "/components/Application/PayloadAdmin/ProductThumbnail"
        },
      }
    },

[Crustan]

For me, this happens after updating to 3.38.0. It only appears in dev mode (both with and without turbopack).

No issues on 3.37.0. Issue remains on 3.39.0, 3.39.1 and 3.40.0.

The errors appear when I refresh the admin UI on a collection with array or group.

[github-actions[bot]]

🚀 This is included in version v3.41.0

[github-actions[bot]]

This issue has been automatically locked. Please open a new issue if this issue persists with any additional detail.