try2

Author: DonnaDuiker

components/iframeCommunication.js

@@ -39,15 +39,16 @@ const IframeCommunication = () => {
     const debounceTimeout = useRef(null);
 
     const sendPageHeight = () => {
-        const contentHeight = document.body.offsetHeight;
-        console.log("Actual content height:", contentHeight);
-    
-        if (Math.abs(contentHeight - lastHeight.current) > 40) {
-            lastHeight.current = contentHeight;
-    
+        const pageHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
+
+        // Only send if there's a meaningful difference in height
+        if (Math.abs(pageHeight - lastHeight.current) > 40) {
+            lastHeight.current = pageHeight;
+
+            // Debounce the message to avoid excessive calls
             clearTimeout(debounceTimeout.current);
             debounceTimeout.current = setTimeout(() => {
-                sendMessageToParent({ type: SupportedMessageTypes.PageHeight, height: contentHeight });
+                sendMessageToParent({ type: SupportedMessageTypes.PageHeight, height: pageHeight });
             }, 50);
         }
     };

pages/_app.js

@@ -4,6 +4,7 @@ import IframeCommunication from '../components/iframeCommunication';
 
 export default function MyApp({ Component, pageProps }) {
   useEffect(() => {
+    if (typeof window === 'undefined') return;
     if (window.self !== window.top) {
       document.body.classList.add("in-iframe");
     } else {