A rendering error occurred: Cannot read properties of undefined (reading 'attributes')

Question

I have Setup the JSS application with Sitecore 10.3. When I am adding the components on page level its working fine but when I added them on partial design they are appearing fine there in experience editor as shown below but when select that partial design on page design and assign that page design on page then it is giving error "A rendering error occurred: Cannot read properties of undefined (reading 'attributes')".

Below is the screenshot of layout service, it seems like datasource is not binding properly.

Any ideas to fix this?

Answer 1

I was also facing some issues in headless SXA with Sitecore 10.3 while using partial designs but my errors were different. Nonetheless Can you please check 2 things?

1. Value of Layout service configuration field in site settings sitecore item, path should be : /sitecore/content/[Your Tenant Name]/[Your site name]/Settings, it should be sxa-jss not jss.

2. Check the [your front end app name].config file (in my case it was jss-nextjs-app) inside your sitecore local instance path under \App_Config\Include\zzz, check for the node Jss App Registration, Here the value of layoutServiceConfiguration attribute should be sxa-jss.

One more thing - The layout service you are using in screenshot should also be sxa-jss not jss meaning the URL /sitecore/api/layout/render/sxa-jss?item...