Try this @Ronnie09 , content.xml<?xml version="1.0" encoding="UTF-8"?> <jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:granite="http://www.adobe.com/jcr/granite/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/n...

Hi @Ronnie09 , Try with below code snippet JS File : (function($, $document) { "use strict"; $(document).on("foundation-contentloaded", function(e) { $("#tabhideandshow").each(function() { showHide(); }); }); $document.on("change", ".textType", funct...

Hi @milind_bachani , Thanks for the response, We are not using React.StrictMode in our index.js. Could you please let me know how can I snub the calls from en.model.json.

AEM React Spa components are rendering twice in publish Mode. In Author Mode: In Publish Mode:Why the content is rendering twice and How to fix this issue? 

I am able to render the OOTB Tabs Component in AEM React SPA with following code in ui.frontend file.import {MapTo} from '@adobe/aem-react-editable-components';import {TabsV1, TabsV1IsEmptyFn} from '@adobe/aem-core-components-react-spa';MapTo('<project>/components/tabs')(TabsV1, {isEmpty: TabsV1IsEm...

Hi, Install "AEM Sync" from Extensions in Marketplace then you will able to see those  "Sync file from AEM" and "Sync file to AEM" options as mentioned by @RajaShankar.  Check this for more info : AEM Development with Visual Studio Code   Hope this helps!