How to use the ArrayField component in custom UI component?

[Iulian-Dragomirescu]

Hi, I want to have a single UI component to handle my custom integration, but I also want to use some of the prebuilt fields, like text, relationship, array, etc

For the text field, I was able to solve this by using TextInput instead of TextField, and the same approach worked for RelationshipInput

However, for the array field, I have no idea how to make it work..

{/* These two I want to put inside an ArrayField */}
<TextInput path="carNumber" value={x.value as string} onChange={(e) => {}} />
<TextInput path="carNumber1" value={x.value as string} onChange={(e) => {}} />

{/* I want to get the value from these using useState */}
<ArrayField
  // onChange doesn't exist
  // same for value
  path="test"
  field={{
    name: 'test1',
    fields: [
      // Basically, I want to use <TextInput/> here,
      // or the default one, but with access to the array data
      // (onChange, value) just like in <TextInput/>
      {
        type: 'text',
        name: 'test2',
      },
    ],
  }}
/>