Front End Development Libraries Projects - Build a Markdown Previewer

Tell us what’s happening:
Describe your issue in detail here.
So i used the how to build a markdown previewer react page on the freecodecamp site as a guide, but when i got to the end and added dangerouslySetInnerHTML={{__html: marked(this.state.markdown)}} to my code it has no effect or noticeable change both the Input and output appear the same. Ive been trying to get it to work all day. heres my app.js code screenshot

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:106.0) Gecko/20100101 Firefox/106.0

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

Link to the challenge:

A link to your project on codepen or similar is far superior to a screenshot as it allows others to run and debug your code.

https://github.com/IsaiasJD117/markdown-previewer.git
node modules file was to large to upload(333mb) please if willing to help i can email the node modules folder supposed to be before public and src

here is a link to the project i feel like my use of the marked function is wrong