AEM React SPA core components not working

[MayurSatav]

Hi Team,

I'm currently working on an AEM React SPA project and facing issues with core components not working correctly.

I've tried installing both of the following packages as per the documentation:

• @adobe/aem-core-components-react-base

• @adobe/aem-core-components-react-spa

However, the components still not working.

In one of the community threads, it was mentioned that these packages are only compatible with React 16, while we are using React 18 in our project. https://github.com/adobe/aem-react-core-wcm-components-base/issues/20

My Questions - 

1. Are there any known compatibility issues between AEM SPA core components and React 18?

2. Is there a workaround or migration guide available for using AEM core components with React 18?

3. If not officially supported, are there any community forks or alternatives that support newer React versions?

[muskaanchandwani]

Hello @MayurSatav 
Please refer :

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/dev...

[MayurSatav]

Thanks @muskaanchandwani ,Yes, it is deprecated, but what is the best way to enable or use Core Components in an AEM React SPA project? Many brands are still actively using AEM with React SPA.

[Supriya_Savre]

Hi @MayurSatav,

Did the shared solution help you out? If yes, kindly consider marking the answer as ‘correct’.

If you’re still facing any challenges, please feel free to continue the conversation here or repost in the discussion section of the community for discussing best practices. Happy to support further.

[MayurSatav]

@Supriya_Savre 
I haven't found a solution yet. Since it is deprecated, we created our own components from scratch. However, I'd like to know if there is a future update planned for having OOTB core components for AEM with React projects?