Fields are not rendered when type Array has a custom field

[ruslan-amboss]

Describe the Bug

array-fields-not-rendered.mov

Fields are not rendered when type Array has a custom field which can be just a wrapper for ArrayField

Please watch the video and check the code sample

Link to the code that reproduces this issue

https://github.com/ruslan-amboss/payload-test/tree/custom-array-field-lost/test/_community/collections/Posts

Reproduction Steps

fields: [
    {
      type: "array",
      name: "testPayload",
      admin: {
        components: {
          Field: "./globals/ArrayFieldCustom.tsx#ArrayFieldCustom",
        },
      },
      fields: [
        {
          name: 'itemName',
          type: "text",
        },
      ],
    },
  ],

"use client";

import type { ArrayFieldClientProps } from "payload";
import { ArrayField } from "@payloadcms/ui";

export const ArrayFieldCustom = (props: ArrayFieldClientProps)=> {
  return (
    <>
      <ArrayField
        {...props}
      />
    </>
  );
}

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

Not sure

Environment Info

Payload: 3.5.0
Next: 15.0.4

[github-actions]

🚀 This is included in version v3.9.0

[github-actions]

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