Remote SPA - component not rendered on AEM page

[learningNeverStops]

Hello,

We have set up Remote Spa by following:

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s...

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s... 

On React App, the result looks like:

But, the Adventure Details <div> is unavailable in AEM

Error in log: 21.07.2023 10:27:39.484 *ERROR* [[0:0:0:0:0:0:0:1] [1689915459446] GET /editor.html/content/wknd-app/us/en/home.html HTTP/1.1] com.adobe.cq.msm.ui.servlet.IsSourceRenderCondition path /content/wknd-app/us/en/home.html to check render condition is not valid

Requesting guidance on how to resolve this

[Shashi_Mulugu]

@learningNeverStops have you configured Remote next.js url localhost:3000 in page properties remote spa tab, and also your page component is configured as per the documentation pointing to remote spa template pagte component

[learningNeverStops]

Hello @Shashi_Mulugu 

Thanks for your reponse.

Both resourceType and Remote Spa tab is configured. The WKND logo and the line underneath are visible in AEM. But, the AdventureDetails is not appearing.