Dashboard Documentation questions/issues

[RuarriS]

Hello, I am having trouble getting relation selectors to work in 3.3.7, specifcally with a custom field from Products to a custom Entity.

The documentation references destructuring an input type of CustomFormComponentInputProps and the properties value, onChange, and disabled. These are not properties of the CustomFormComponentInputProps type, however.

I am also trying to register it in the plugin's dashboard/index.tsx, but it does not render. My field is called "artists", which is a relation from Products to the Artists entity. In the examples below, I replaced the reference to my relation selector component with a simple example.

Neither of these approaches work. The id in the customFormComponents.customFields array was retrieved from the browser Developer Tools for that field.

export default defineDashboardExtension({
    routes: [
        artistList,
        artistDetail
    ],
    customFormComponents: {
        customFields: [
            {
                id: "artistsIds",
                component: () => { return <h2>test</h2>}
            }
        ]
    },
})

export default defineDashboardExtension({
    routes: [
        artistList,
        artistDetail
    ],
    detailForms: [
        {
            pageId: "product-detail",
            inputs: [
                {
                    blockId: "custom-fields",
                    field: "artistsIds",
                    component: () => { return <h2>test</h2>}
                }
            ]
        }
    ]
}) 

export default defineDashboardExtension({
    routes: [
        artistList,
        artistDetail
    ],
    detailForms: [
        {
            pageId: "product-detail",
            inputs: [
                {
                    blockId: "custom-fields",
                    field: "artists",
                    component: () => { return <h2>test</h2>}
                }
            ]
        }
    ]
}) 

The documentation on input components and "Finding Page and Block IDs" also says that the block-id is "product-form" on the "product-detail" page, but I found that it was "main-form"

For example, this does replace the slug field with a headline

export default defineDashboardExtension({
    routes: [
        artistList,
        artistDetail
    ],

    detailForms: [
        {
            pageId: "product-detail",
            inputs: [
                {
                    blockId: "main-form",
                    field: "slug",
                    component: () => { return <h2>test</h2>}
                }
            ]
        }
    ]
})