buildInitialState doesn't handle Array Field Data correctly

[tigersoft6084]

Link to reproduction

No response

Describe the Bug

I am implementing Settings page which handles configuring sub-domains for a tenant.
It uses payload/components/forms/Form to render domains array field and submit the updated data.
I used buildInitialState function to convert the initial data(which was fetched from db) to form state.
The form didn't show the initial rows when initialState was generated by the payload's buildInitialState, so I had to implement my own one to perform the conversion.

I noticed that Form component treats Array or Block field states in a different way from this code:

But buildInitialState was not treating those fields differently.

To Reproduce

I was implementing Settings page which handles configuring sub-domains for a tenant.
It uses payload/components/forms/Form to render domains array field and submit the updated data.
I used buildInitialState function to convert the initial data(which was from db) to form state.

import buildInitialState from 'payload/dist/admin/components/forms/Form/buildInitialState';

The field configuration and initial data looks like this:

const [fields] = useState<Field[]>([
    {
        name: 'domains',
        label: 'Domains',
        type: 'array',
        fields: [
            {
                type: 'text',
                name: 'domain',
                required: true,
            },
        ],
    },
]);

const initialData = {
    'domains': [
        {
            id: '66667b2731c48fcdba97a68f',
            domain: 'hello.com',
        },
    ],
};

const initialState = buildInitialState(initialData);

And the return value of the react component looks like this:

<DocumentInfoProvider collection={collectionConfig} id={id}>
    <Gutter>
        <h1>Domains</h1>
        <Form
            method="post"
            action={`${api}/settings/general`}
            fields={fields}
            initialState={initialState}
        >
            <RenderFields
                fieldSchema={fields}
                fieldTypes={fieldTypes}
                readOnly={false}
            />
            <FormSubmit>Submit</FormSubmit>
        </Form>
    </Gutter>
</DocumentInfoProvider>

The expected value of initialState is like this:

{
    'domains': {
        passesCondition: false,
        rows: [{ id: '66667b2731c48fcdba97a68f' }],
        value: 1,
        valid: true,
        initialValue: 1,
    },
    'domains.0.domain': {
        value: 'hello.com',
        initialValue: 'hello.com',
        valid: true,
    },
    'domains.0.id': {
        value: '66667b2731c48fcdba97a68f',
        initialValue: '66667b2731c48fcdba97a68f',
        valid: true,
    },
}

While initialState generated by buildInitialState is:

{
    'domains': {
        initialValue: [{
            id: '66667b2731c48fcdba97a68f',
            domain: 'hello.com',
        }],
        value: [{
            id: '66667b2731c48fcdba97a68f',
            domain: 'hello.com',
        }],
        valid: true
    }
}

The form didn't show the initial rows when initialState was generated by the payload's buildInitialState, so I implemented my own one.

Payload Version

2.19.3

Adapters and Plugins

No response