[V3] Error saving Custom Field

[RPdvtPT]

I'm having an error in my custom file when saving the Posts with Payload v3:

The following field is invalid: _index-7._index-0.content

This is my component CustomFieldTest .tsx (it is required to be a client component)

'use client';

import type { TextFieldClientComponent } from 'payload'
import { useField } from '@payloadcms/ui'

export const CustomFieldTest: TextFieldClientComponent = ({ path }) => {
  const { value, setValue } = useField<string>({ path })
  return (
    <div>
      <p>{path}</p>
      <input
        onChange={(e) => { setValue(e.target.value) }}
        value={value}
      />
    </div>
  )
}

export default CustomFieldTest

This is how it is required in the collection form:

fields: [
  //...
  {
    name: 'body',
    type: 'ui',
    admin: {
      components: {
        Field: '@/collections/Posts/CustomFieldTest'
      }
    }
  },
  //...
]

Sources:

• https://payloadcms.com/docs/fields/overview
• https://payloadcms.com/docs/admin/fields
• https://payloadcms.com/docs/admin/fields#custom-components
• https://payloadcms.com/docs/admin/components#building-custom-components
• https://payloadcms.com/docs/admin/hooks#usefield

[RPdvtPT]

Solved, the field type was set to "UI", so it wasn't stored at the database, but the issue was the empty value in the RichText field