SyntaxError for Format recipe response Excercise #1

React
1

I tried over and over again to get this to work, but this error kept popping up and the program wouldn’t run:

SyntaxError: The requested module ‘hast-util-to-jsx-runtime’ does not provide an export named ‘toJsxRuntime’

Eventually, I just gave up and skipped to the solution, and it turns out that I did exactly what Bob did. I went back to my code and instead of running it I clicked “Check Solution” and lo and behold my solution was correct, even though it wouldn’t run because of this error. I even copied and pasted Bob’s solution to my code and also created a Scrim at the end of Bob’s solution and still kept getting the same error.

Any idea what’s causing this?

Edit: I found a solution in another thread that I thought had a different problem. I’ll post it in a reply here for anyone who this might help.

Recipe Response Ex 1 SyntaxError
Recipe Response Ex 1 SyntaxError1906×908 152 KB

2

Fix for Markdown issue in Scrimba:

Import ‘marked-react’ like this:

import Markdown from 'marked-react';

And use it like this in your component:

<Markdown>{props.recipe}</Markdown>

Works well as an alternative to react-markdown in Scrimba.

Credit to Emmanuel Adetoro