Getting hydration errors when embedding in nodejs
<div className="hs-cta-embed hs-cta-embed-185163424674" style={{maxWidth: "100%", maxHeight: "100%", width: "502px", height: "520.796875px"}} data-hubspot-wrapper-cta-id="185163424674">
<div className="hs-cta-loading-dot__container">
<div className="hs-cta-loading-dot"></div>
<div className="hs-cta-loading-dot"></div>
<div className="hs-cta-loading-dot"></div>
</div>
<div className="hs-cta-embed__skeleton"></div>
<picture>
<source srcSet="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" media="(max-width: 480px)" />
<img alt="Form CTA" loading="lazy" src="https://no-cache.hubspot.com/cta/default/43829156/interactive-185163424674.png" style={{height: "100%", width: "100%", objectFit: "fill"}} />
</picture>
</div>
I added my div for embedding and it is just forever loading and gets hydration errors
I added my div for embedding and it is just forever loading and gets hydration errors
Getting hydration errors when embedding in nodejs
Hi, @CFeiler 👋 Thanks for your question. I think our community members may need additional information to help you troubleshoot. Have you tried:
- Making sure the HS tracking code loads before your CTA?
- Using a container div with a unique ID?
- Initializing the CTA after the component is mounted?
Thank you for the additional information. — Jaycee
|
Join us on March 27th at 12 PM for the Digital Essentials Lab, an interactive session designed to redefine your digital strategy! Engage with expert Jourdan Guyton to gain actionable insights, participate in live Q&A, and learn strategies to boost your business success. Don't miss this opportunity to connect and grow—reserve your spot today! |
 | Did you know that the Community is available in other languages? Join regional conversations by changing your language settings ! |
