Page 1

The nature of the bug has changed with NextJS 13, which is what this demo is based on

Calendar

For reference, this is the footer. The iframe should render above this text

Bug Description

Localhost

On the localhost, when we refresh the page (command + R), it will throw a hydration error. This can be quite a blocking factor when developing. When hosted on Vercel, the hydration error doesn't show up.

Script Placement

The iframe does not load at all when putting the script anywhere other than "_document". This is a problem because some pages may not utilize the calendar component, it doesn't make sense to load and run this script on every page regardless of whether the component will be used or not.

Changing pages

Please also try clicking this link to go to another page and then come back to this page. The iframe will fail to load

Next/Script Strategy

Any strategy other than "afterInteractive" doesn't work at all. The one that will really help with website performance is "lazyOnLoad".

Here's a reference to next/script docs