Handling Arrays with useField in NextJS

[woeful shadow]

did anyone use useField for client side custom component . if yes then i need useField to be an array i am new to nextjs and payload please help . i am switching from vuejs so i am too young to handle states in react 😦

// Initialize faqs state based on the value from useField
  const [faqs, setFaqs] = useState<Array<{ question: string, answer: string, id: string }>>(
    Array.isArray(value) ? value : []
  );```

here how my custom Faqs will look like

```{
      name:'customFaqs',
      type: 'array',
      label: 'Custom FAQs',
      defaultValue: [{ question: '', answer: '' }],
      fields: [
        {
          name: 'question',
          type: 'text',
          label: 'Question',
        },
        {
          name: 'answer',
          type: 'textarea',
          label: 'Answer',
        },
      ],
      admin: {
        // Specify your custom component here
        components: {
          Field: FAQTabs,
        },
      },
    },```
i think useField need to return an array but its returning 0 in value 😦
is this right thing i am doing

[echo abyss]

Original message from @untold panther - Moved from #off-topic message

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Sort - Local API
• Local API - Accessing Payload - Importing it
• Installation - Adding to an existing app - 3. Add the Payload Plugin to your Next.js config
• Blocks Field
• What is Payload? - Use Cases - Headless CMS

[somber rivet]

Try this
const [fields, dispatchFields] = useAllFormFields() const formData = reduceFieldsToValues(fields, true)

[rose mist]

The data in the format of array is splitted into the objects.
which is not correct, how to get the array field properly?