Embed tweet - How would you do it ?

[YoannBuzenet]

Hey,

I'm trying to display embedded tweets from Twitter. The thing is, it is a small snippet they give you and which makes an iframe appear.

When storing that snippet in the JSON of react-slate, it is this same html that is displayed - the iframe don't load all the time.

I'm on nextJS. If I use the next Router, the iframe doesn't load. If I use the SSR pre-rendered version, it loads.

Here is a snippet example:

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">A bacterial flagellum is driven by a rotary engine made up of protein, and is powered by the flow of protons across the bacterial cell membrane. It rotates at ~1,000 rpm, but the rotor alone can rotate at up to 17,000 rpm<br><br>[📹 <a href="https://t.co/sT1spXjNgG">https://t.co/sT1spXjNgG</a>]<a href="https://t.co/GDvwWnXaO6">pic.twitter.com/GDvwWnXaO6</a></p>&mdash; Massimo (@Rainmaker1973) <a href="https://twitter.com/Rainmaker1973/status/1632052103832018944?ref_src=twsrc%5Etfw">March 4, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Would you have an idea ?

[YoannBuzenet]

Found it ! It was coming from nextjs, not react-slate.

I've put it on SO

https://stackoverflow.com/questions/75638470/embedded-tweet-not-displaying-client-side-on-nextjs-13-with-appdir/75638471#75638471