I'm just starting developing JSS applications last week and I was using the JSS version 13 since our Sitecore version is 9.3 and I need help on the issues that I'm encountering so far.

I tried to deploy sitecore-embedded-js-app as is to my instance by running jss deploy config, jss deploy files, jss deploy app -c -d and I got the config set to the appropriate paths. The templates, renderings, placeholder setting, and items were imported successfully.

However, when I checked the app on Experience Editor Preview I saw an error that says A rendering error occurred: Cannot read properties of undefined (reading 'data'). Upon checking, I saw no properties inside the fields object of the route props. The script breaks on the Wizard.js' render function: const childSteps = rendering.fields.data.item.children;

{
 databaseName: "master",
 displayName: "Wizard",
 fields: {},
 itemVersion: 1,
 name: "wizard",
 placeholders: {,…},
 templateName: "EmbeddedWizard Route",
}

What could be the cause of this?

Secondly, when I check the app on web (or even when I run it on Connected mode), I get a blank page. Upon inspection, the API is not returning a list of placeholders. I have tried everything from republishing, renaming the placeholder key, to indexing the content tree but neither of these fixed the issue. On debug, I encounter an error that says:

Placeholder 'jss-main1' was not found in the current rendering data{
 databaseName: "web",
 displayName: "Wizard",
 fields: {},
 itemVersion: 1,
 name: "wizard",
 placeholders: {},
 templateName: "EmbeddedWizard Route",
}

Has anyone encountered these issues as well? Any leads on how to solve this would be great.

EDIT: Include the breaking code for the missing data property

I just started developing JSS applications last week and was using the JSS version 13 since our Sitecore version is 9.3 and look for some help with issues I encountered so far.

I tried to deploy sitecore-embedded-js-app as is to my instance by running jss deploy config, jss deploy files, jss deploy app -c -d and I got the config set to the appropriate paths. The templates, renderings, placeholder setting, and items were imported successfully.

However, when I checked the app in Experience Editor Preview I saw an error that says A rendering error occurred: Cannot read properties of undefined (reading 'data'). Upon checking, I saw no properties inside the fields object of the route props. The script breaks on the Wizard.js' render function: const childSteps = rendering.fields.data.item.children;

{
 databaseName: "master",
 displayName: "Wizard",
 fields: {},
 itemVersion: 1,
 name: "wizard",
 placeholders: {,…},
 templateName: "EmbeddedWizard Route",
}

What could be the cause of this?

Secondly, when I check the app on web (or even when I run it on Connected mode), I get a blank page. Upon inspection, the API is not returning a list of placeholders. I have tried everything from republishing, renaming the placeholder key, to indexing the content tree but neither of these fixed the issue. On debug, I encounter an error that says:

Placeholder 'jss-main1' was not found in the current rendering data{
 databaseName: "web",
 displayName: "Wizard",
 fields: {},
 itemVersion: 1,
 name: "wizard",
 placeholders: {},
 templateName: "EmbeddedWizard Route",
}

Has anyone encountered these issues as well? Any ideas on how to solve this would be great.

EDIT: Included the breaking code for the missing data property

I'm just starting developing JSS applications last week and I was using the JSS version 13 since our Sitecore version is 9.3 and I need help on the issues that I'm encountering so far.

I tried to deploy sitecore-embedded-js-app as is to my instance by running jss deploy config, jss deploy files, jss deploy app -c -d and I got the config set to the appropriate paths. The templates, renderings, placeholder setting, and items were imported successfully.

However, when I checked the app on Experience Editor Preview I saw an error that says "A rendering error occurred: Cannot read properties of undefined (reading 'data')." Upon checking, I saw no properties inside the fields object of the route props. What could be the cause of this?

{
 databaseName: "master",
 displayName: "Wizard",
 fields: {},
 itemVersion: 1,
 name: "wizard",
 placeholders: {,…},
 templateName: "EmbeddedWizard Route",
}

Secondly, when I check the app on web (or even when I run it on Connected mode), I get a blank page. Upon inspection, the API is not returning a list of placeholders. I have tried everything from republishing, renaming the placeholder key, to indexing the content tree but neither of these fixed the issue. On debug, I encounter an error that says:

Placeholder 'jss-main1' was not found in the current rendering data{
 databaseName: "web",
 displayName: "Wizard",
 fields: {},
 itemVersion: 1,
 name: "wizard",
 placeholders: {},
 templateName: "EmbeddedWizard Route",
}

Has anyone encountered these issues as well? Any leads on how to solve this would be great.

I'm just starting developing JSS applications last week and I was using the JSS version 13 since our Sitecore version is 9.3 and I need help on the issues that I'm encountering so far.

I tried to deploy sitecore-embedded-js-app as is to my instance by running jss deploy config, jss deploy files, jss deploy app -c -d and I got the config set to the appropriate paths. The templates, renderings, placeholder setting, and items were imported successfully.

However, when I checked the app on Experience Editor Preview I saw an error that says A rendering error occurred: Cannot read properties of undefined (reading 'data'). Upon checking, I saw no properties inside the fields object of the route props. The script breaks on the Wizard.js' render function: const childSteps = rendering.fields.data.item.children;

{
 databaseName: "master",
 displayName: "Wizard",
 fields: {},
 itemVersion: 1,
 name: "wizard",
 placeholders: {,…},
 templateName: "EmbeddedWizard Route",
}

What could be the cause of this?

Secondly, when I check the app on web (or even when I run it on Connected mode), I get a blank page. Upon inspection, the API is not returning a list of placeholders. I have tried everything from republishing, renaming the placeholder key, to indexing the content tree but neither of these fixed the issue. On debug, I encounter an error that says:

Placeholder 'jss-main1' was not found in the current rendering data{
 databaseName: "web",
 displayName: "Wizard",
 fields: {},
 itemVersion: 1,
 name: "wizard",
 placeholders: {},
 templateName: "EmbeddedWizard Route",
}

Has anyone encountered these issues as well? Any leads on how to solve this would be great.

EDIT: Include the breaking code for the missing data property