Component rendering twice in Publish Mode [SPA/REACT] | Community
Skip to main content
Leela-Pavan-Kumar
Leela-Pavan-Kumar
December 30, 2021

Component rendering twice in Publish Mode [SPA/REACT]

  • December 30, 2021
  • 2 replies
  • 2700 views

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?

 

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

    2 replies

    milind_bachani
    Adobe Employee
    milind_bachaniAdobe Employee
    Adobe Employee
    December 31, 2021

    Hi @leela-pavan-kumar ,

    This possibly happens if you are using the React.StrictMode in your markup.

    An ugly fix would be to snub the extra calls from en.model.json 

    Reference:

    https://andreasheissenberger.medium.com/react-components-render-twice-any-way-to-fix-this-91cf23961625
    https://experienceleague.adobe.com/docs/experience-manager-learn/sites/spa-editor/spa-editor-helloworld-tutorial-use.html?lang=en

     

      Leela-Pavan-Kumar
      Leela-Pavan-KumarAuthor
      January 3, 2022

      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.

        milind_bachani
        Adobe Employee
        milind_bachaniAdobe Employee
        Adobe Employee
        January 5, 2022

        Hi @leela-pavan-kumar - are you still facing the issue ?


        If yes, you need to check couple of things before making changes to the model.json:
        1. The publisher CRX-de does not show 2 component in your /content path
        2. Please post the en.model.json response from network tab here.?
        3. Try to align the component with tutorial link shared above.

        We can investigate further based on the above mentioned checks.

        Thanks.

          A
          Abhishek_AnandTh
          September 19, 2023

          @leela-pavan-kumar were you able to resolve this? can you let me know what was done? we are also facing similar issue. feel its issue with templates.

          Leela-Pavan-Kumar
          Leela-Pavan-KumarAuthor
          October 9, 2023

          Yes, It's with SPA behaviour.

          Make sure that current page URL model json is being called only if it not part of en model json. This is happening when there are two matched :path properties with the current page( one is already in en.model.json and one more call is happening to fetch the items).

          Terms & ConditionsAccessibility statement

          Loading footer...