iFrame Not Rendering

[jrock2004]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

7.1.1

Link to runnable example

No response

Steps to reproduce

I am trying to get my iframe to embed YouTube videos and when it renders, all I see is the markup text and not that actual iframe. Here is the link to my repo where the Next.js code is https://github.com/jrock2004/personal-blog . I even tried forking one of the code sandbox above and see the same issue https://codesandbox.io/s/eloquent-agnesi-x39sn

Expected behavior

When page loads, I should see an iframe

Actual behavior

Just see the code text

Runtime

Node v16

Package manager

npm v6

OS

macOS

Build and bundle tools

Next.js

[ChristianMurphy]

Sorry you ran into a spot of trouble @jrock2004

It looks like you want to have HTML mixed in markdown?
Have you tried https://github.com/remarkjs/react-markdown#appendix-a-html-in-markdown ?

[jrock2004]

@ChristianMurphy Sorry that I missed this link. That makes it work. Thank you