Form relationship not populating using payload.find()

[inuue]

I am migrating a site from v2 to v3 and i encountered an issue where form is not populating based on relationship that i can't wrap my head around.

Below test results and what i looked at. I assume it's some simple issue but i can't find the problem and there are no errors either.
Can anyone help with that?

• payload page request using find()

 const payload = await getPayload({ config: configPromise })

 const result = await payload.find({
    collection: 'pages',
    draft, 
    limit: 1,
    pagination: false,
    overrideAccess: draft,
    depth: 5,
    locale: locale,
    where: {
      slug: {
        equals: slug,
      },
    },
  })

console.log(result.docs?.[0])

• response (most depth is included, just form is not populated)

layout: [
   ...otherBlocks,
       {
      blockType: 'formBlock',
      form: '67a43b0c7f190b15e5bb48e3',
      enableIntro: false,
      id: '67a43b31f0b1f3842f8fb20b',
      blockName: 'form name'
    }

]

other fields like links are populated without problem...

i also checked raw API request to pages endpoint and form is populated fine...
url example: http://localhost:3000/api/pages/{page_id}?depth=1&draft=false&locale=en

{
      "blockType": "formBlock",
      "form": {
        "id": "67a43b0c7f190b15e5bb48e3",
        "title": "Test Form",
        "fields": [
          {
            "blockType": "email",
            "name": "email",
            "label": "Email",
            "width": 100,
            "required": true,
            "autoComplete": "email",
            "validationMessage": "Field is required",
            "id": "67a43aeff0b1f3842f8fb209"
          }
        ],
        "submitButtonLabel": "Submit",
        "confirmationType": "message",
        "confirmationMessage": {
          "root": {
            "children": [
              {
                "children": [
                  {
                    "detail": 0,
                    "format": 0,
                    "mode": "normal",
                    "style": "",
                    "text": "thanks",
                    "type": "text",
                    "version": 1
                  }
                ],
                "direction": "ltr",
                "format": "",
                "indent": 0,
                "type": "paragraph",
                "version": 1,
                "textFormat": 0,
                "textStyle": ""
              }
            ],
            "direction": "ltr",
            "format": "",
            "indent": 0,
            "type": "root",
            "version": 1
          }
        },
        "redirect": {

        },
        "emails": [],
        "createdAt": "2025-02-06T04:31:08.160Z",
        "updatedAt": "2025-02-06T04:31:08.160Z"
      },
      "enableIntro": false,
      "id": "67a43b31f0b1f3842f8fb20b",
      "blockName": "form name"
    }

[inuue]

cleaning entire collection and then migrating again fixed the issue

[inuue]

Day after fix it happened again without any db changes to forms collection.

I updated payload and packages to 3.22.0. Cleared forms collection and migrated again. Same issue happens and form data is not populating in pages request.

I tried cleaning entire collection and creating a form manually to see if anything changes without data migration. It's the same issue

[akhrarovsaid]

Hey @inuue,

Can you try setting the maxDepth property to something greater than 1 on that form field in your pages collection config?

[inuue]

@akhrarovsaid thanks, i haven't tried that before.

I added maxDepth to FormBlock where relationship is configured. Still not working :(

slug: 'formBlock',
interfaceName: 'FormBlock',
fields: [
    {
      name: 'form',
      type: 'relationship',
      relationTo: 'forms',
      required: true,
      maxDepth: 5,
    },
    ...otherFields
]

FormBlock is imported in pages collection config in tabs field.

[inuue]

Ok i think I found the issue - it was with formOverrides.access.read. It would be nice to get an error message when population is happening.

Forms collection is defined in plugins and below is my current override - I added public access to read

formOverrides: {
      access: {
        admin: view,
        read: publicAccess,
        update: edit,
        create: edit,
        delete: admin,
      },

adding publicAccess to read override solves the issue. I got to access by trying to fetch form data in a seperate call and getting this message:

 ⨯ Forbidden: You are not allowed to perform this action.
    at async eval \src\app\(frontend)\[locale]\[slug]\page.tsx:126:18)
    at async Page (\src\app\(frontend)\[locale]\[slug]\page.tsx:69:21)
  124 |     const payload = await getPayload({ config: configPromise })
  125 |
> 126 |     const forms = await payload.find({
      |                  ^
  127 |         collection: "forms",
  128 |         draft: draft,
  129 |         limit: 1, {
  data: null,
  isOperational: true,
  isPublic: false,
  status: 403,
  digest: '1973800890',
  [cause]: null
}

In the docs there is a mention of hiding "emails" field but can't figure it out. All I can see in defaultFields is:
https://payloadcms.com/docs/plugins/form-builder#formoverrides

[
  {
    name: 'from',
    type: 'text',
    index: true,
    label: 'From URL',
    required: true
  },
  {
    name: 'to',
    type: 'group',
    fields: [ [Object], [Object], [Object] ], --> type, reference, url fields
    label: false
  }
]

and it remains unexplained why it worked for some time without any changes to formOverrides.access ...