iframing vals throws React error

[rishabhparikh]

Hi there,

I've noticed that iframing a val is throwing an error in the console. My iframe is set up as so:

<iframe width="100%" height="600px" src="https://www.val.town/embed/substrate/hackerNewsRAG" title="Val Town" frameBorder="0" allowFullScreen></iframe>

Once that iframe is rendered the JS console shows the error described here: https://react.dev/errors/421?invariant=421

I've verified error doesn't happen until the iframe is scrolled into view. Removing the iframe stops the error as well. The error doesn't appear to break any actual functionality.

I'm using Next.js 14.2.5.

Any thoughts / help would be appreciated!

[stevekrouse]

My guess is that it's a hydration error. Maybe try some of the steps listed here?

https://nextjs.org/docs/messages/react-hydration-error