Live preview does not correctly find relations when using blocks inside the lexical rte.

[stefvw93]

Link to reproduction

No response

Describe the Bug

The following line in the rich text traverser detects relations based on the relationTo and value fields inside any given iterated object in a rich text tree:

payload/packages/live-preview/src/traverseRichText.ts

Line 59 in c038acb

const isRelationship = key === 'value' && 'relationTo' in incomingData

However, when using the blocks feature in the lexical rte, relationships are not defined by those fields, and instead simply hold an id string reference field.

Because of this, the rich text traverser is never able to resolve relation fields inside blocks.

To Reproduce

1. Enable lexical editor field on some collection.
2. Use the Blocks feature
3. Create a block with a type: 'relation' field, with a relationTo some other collection.
4. Populate the field in the admin UI
5. Implement the live preview feature, set depth > 0
6. Check the data returned from the callback function
7. The relation field in the respective block will always just havr a <fieldname>: <id> entry, regardless of the depth parameter.

Payload Version

2.11.2

Adapters and Plugins

@payloadcms/live-preview@0.2.0

[100tomtomas100]

Hey

Any news on the solution for this problem ?

[abaco]

I've found a workaround for this. Just set relationTo to an array, even if you only need to reference a single collection, like relationTo: ['images'] instead of relationTo: 'images'.

In this way the resulting field values will have the form of { relationTo: <collection-slug>, value: <resolved-document> }, which is resolved correctly by traverseRichText.

[andershermansen]

I'm still able to reproduce this on v3 with 3.4.0.

Here is a test case showing the issue:
andershermansen@70dcb5b

Getting string when expecting the object: