Front End Development Libraries Projects - Build a Markdown Previewer - mLvWmtLf29NTP9rmV2adD

Ok I tried researching a bunch on google before coming here and I am still having some troubles.
I am failing tests 4-6 and I am not sure why.
Test 4: When I enter GitHub flavored markdown into the #editor element, the text is rendered as HTML in the #preview element as I type (Hint: You don’t need to parse Markdown yourself - you can import the Marked library for this: marked - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers)

Test 5: When my markdown previewer first loads, the default text in the #editor field should contain valid markdown that represents at least one of each of the following elements: a header (H1 size), a sub header (H2 size), a link, inline code, a code block, a list item, a blockquote, an image, and bolded text

test6: When my markdown previewer first loads, the default markdown in the #editor field should be rendered as HTML in the #preview element

As far as I can tell I visibly pass those tests. I like figuring problems out myself so if anyone has any good hints about what part of my code is bad?

Markdown Previewer (codepen.io)

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.49

Challenge: Front End Development Libraries Projects - Build a Markdown Previewer

Link to the challenge:

Ok played around with stuff and got #4 to work too.

However I have to use older versions of marked because the newer one throws an error that marked is not a function…

I found that I was using incorrect syntax. In marked I was supposed to use # for headings and not

I guess.