diff --git a/packages/sync-host/src/index.ts b/packages/sync-host/src/index.ts
index 445e97b..fa4c9f9 100644
--- a/packages/sync-host/src/index.ts
+++ b/packages/sync-host/src/index.ts
@@ -53,7 +53,14 @@ export class HostSync extends Sync {
 
         this.iframe = iframe;
 
-        this.iframe.src = url + this.getState();
+        try {
+            const {origin, pathname, search} = new URL(url);
+            const updatedPathname = pathname === '/' ? '' : pathname;
+            this.iframe.src = `${origin}${updatedPathname}${this.getState()}${search}`;
+        } catch (error) {
+            this.iframe.src = url + this.getState();
+            console.error('Invalid URL of iframe', url);
+        }
 
         !this.iframe['iFrameResizer'] &&
             iFrameResize(