iFrame not mounting after update to v5.1.0

I’ve been using this package without problem for a good while now (v4.1.3). Finally tried updating to v5.1.0 and everything seems fine until I try to refresh the browser page. After I refresh Chrome, the iframe never fully mounts and contentDidMount never triggers. Sometimes after refreshing the browser several more times contentDidMount will trigger again but it’s not predictable.

It also seems that after first loading a page with an iFrame in a given session, then navigating away and revisiting that page will cause the same issue.

Any ideas to help me with this issue?

[baptisteArno]

@ryanseddon here is a reproduction: https://github.com/baptisteArno/next-react-frame-bug

Just clone the repo, install dependencies and run yarn dev, the div won’t be appended to the iframe. I didn’t have the chance to try in production mode when deployed

[baptisteArno]

Still not working with version v5.2.3.

A workaround to make this work is to render your componenet containing the frame conditionally like this:

const [show, setShow] = useState(false)
useEffect(() => {
  setShow(true)
}, [])

if(!show) return <></>
return <Frame>...</Frame>

So this issue definitely is linked to server side rendering.