Embed GitHub Gist using Remix

Question

Is it possible to embed a Gist in Remix? I'm trying to embed the following gist in Remix using:

<script src='https://gist.github.com/AnthonyLzq/7d1cfeda389b7f5f38b62bd2640a32ba.js'></script>

But it is not displaying anything.

Answer 1

The problem is that React is trying to hydrate the <script> element. Since you don't want React to process this, you need to treat it as raw HTML.

<div
  dangerouslySetInnerHTML={{
    __html: `<script src="https://gist.github.com/AnthonyLzq/7d1cfeda389b7f5f38b62bd2640a32ba.js"></script>`,
  }}
/>