Ошибка при использовании useField в компоненте настраиваемого поля для Payload CMS ⇐ Javascript

[Anonymous]

Я работаю над компонентом настраиваемого поля для поля массива Payload CMS. Я следовал документации Payload CMS и попытался использовать useField для управления значением поля. Вот код:

Код: Выделить всё

'use client'

import { ArrayFieldClientProps } from 'payload'
import { useField } from '@payloadcms/ui'

export default function SeriesProductParameterValueField({ path }: ArrayFieldClientProps) {
console.log('path', path)

const { value, setValue } = useField({ path })

return SeriesProductParameterValueField
}

Однако строка const { value, setValue } = useField({path }) выдает следующую ошибку:

Код: Выделить всё

Unhandled Runtime Error: TypeError: Cannot destructure property 'config' of
'(0 , _chunk_3MXUY6XL_js__WEBPACK_IMPORTED_MODULE_10__.b)(...)' as it is undefined.

Вот фрагмент конфигурации моей коллекции для контекста:

Код: Выделить всё

{
name: 'products',
type: 'array',
fields: [
{
type: 'row',
fields: [
{
name: 'title',
type: 'text',
required: true,
},
{
name: 'image',
type: 'upload',
relationTo: 'media',
required: true,
},
],
},
],
},
{
name: 'parameterGroups',
type: 'array',
fields: [
{
name: 'title',
type: 'text',
required: true,
localized: true,
},
{
name: 'parameters',
type: 'array',
fields: [
{
name: 'parameter',
type: 'relationship',
relationTo: 'parameters',
required: true,
},
{
name: 'values',
type: 'array',
fields: [
{
name: 'productId',
type: 'text',
required: true,
unique: true,
},
{
name: 'value',
type: 'text',
localized: true,
},
],
admin: {
components: {
Field: '/components/payload/series-product-parameter-value-field',
},
},
},
],
},
],
},

• Почему useField выдает эту ошибку?
• Что-то не так с тем, как я настраиваю useField или путь к компоненту в конфигурации?
• Есть ли какие-либо рекомендации или примеры по реализации компонентов настраиваемых полей в Payload CMS?

Спасибо. заранее за вашу помощь!

Подробнее здесь: https://stackoverflow.com/questions/793 ... ayload-cms