React SPA Edit Mode not working on page load

[cccc1]

Hi,

In the AEM React SPA application when the author environment page loads the user is not able to see any of the components in the content tree and not able to configure the components. However when user clicks on Preview option and then on Edit then content tree loads up correctly and the components dragged on the page could be selected. This issue is on all the environments LOCAL, DEV, UAT and PROD.

Thank you for your time, consideration, and experience!

Regards,

Varinderjit

[ManviSharma]

Hi Team,

In your AEM React SPA, the content tree and components only load after switching to Preview and back to Edit, which may indicate a client-side or SPA Editor initialization issue.

- Check the browser's JavaScript console for errors during the initial load and ensure your SPA Editor SDK and React components are properly configured.

- Are there any failed network requests on the initial load? Have you confirmed the versions of the SDK and other dependencies are compatible?

Regards,

Manvi Sharma

[cccc1]

Hi Manvi,

Thank you for getting back to me.

I've checked on the page load there are no JS errors or failed network requests in the browser.

Which configuration/client library do I need to check that adds the content tree onto a page specifically?

Thanks,

Varinderjit