Dynamic Form - Error get field informations TypeError: item[field.InternalName].forEach is not a function

[ravaney]

Thank you for reporting an issue, suggesting an enhancement, or asking a question. We appreciate your feedback - to help the team understand your
needs please complete the below template to ensure we have the details to help. Thanks!

Please check out the documentation to see if your question is already addressed there. This will help us ensure our documentation is up to date.

Category

[ ] Enhancement

[x ] Bug

[ ] Question
Does this work across multiple sharepoint sites (providing the web absolute url). My form renders on the default site on sharepoint, but if I use another site and provide the site relative url as a prop, it doesn't render.

Version 3.14.0

Expected / Desired Behavior / Question

a rendered form for different field types

Observed Behavior

loading bar, no form rendered

Steps to Reproduce

                    context={webPartContext}
                    listId={listId.toString()}
                    listItemId={file.ListItemAllFields.ID}
                    onCancelled={() => { console.log('cancelled') }}
                    onBeforeSubmit={async (listItem) => { return false; }}
                    onSubmitError={(listItem, error) => { console.log(error) }}
                    onSubmitted={() => { console.log('submitted') }}
                    webAbsoluteUrl={siteAbsoluteUrl}

https://company.sharepoint.us/sites/originalSite .... // this works fine without web absolute url

if I change the site to https://company.sharepoint.us/sites/other-site from organization // I get the error with or without the webAbsoluteUrl as a prop

Thanks!

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[github-actions]

Thank you for submitting your first issue to this project.

[NishkalankBezawada]

Hi @ravaney

I have tried to reproduce the reported issue, but it seems to work well for me.
Please refer my sample as below.
https://github.com/NishkalankBezawada/SPFx-research

I have used,
@microsoft/[email protected]
node -v 16.18.1
npm -v 8.19.2
and below are the pnp modules used for the project
+-- @pnp/[email protected]
+-- @pnp/[email protected]
+-- @pnp/[email protected]
+-- @pnp/[email protected]
+-- @pnp/[email protected]

can you try to pass the actual list guid, and the list item id directly as below

                 <DynamicForm
                    context={webPartContext}
                    listId={aa553012-2109-4431-ad7f-a57a32800dc2}
                    listItemId={1}
                    onCancelled={() => { console.log('cancelled') }}
                    onBeforeSubmit={async (listItem) => { return false; }}
                    onSubmitError={(listItem, error) => { console.log(error) }}
                    onSubmitted={() => { console.log('submitted') }}
                    webAbsoluteUrl={siteAbsoluteUrl}
                 >
                </DynamicForm>

and let me know the results.

Thanks,
Nishkalank

[IRRDC]

I just noticed the same error and it happens when you include TaxonomyFieldTypeMulti fields where the values are in a sub-array called results while the code tries to directly access the items of the object and not the sub-array:

[IRRDC]

Could someone please check the PR. It's just two lines of code that have changed and it would be really helpful to have the fix included in one of the next releases.

[joelfmrodrigues]

Hey all, reopening and tagging to be fixed in the next release