Need help in markdown previewer

I got stuck at this point where nothing was rendered on my screen. I don’t know why?Can someone please help me to overcome this problem? My codepen is:

Also for some reason, my codepen is not showing any test cases with this project .

When I look in the browser console, I see this:

Error: Minified React error #93; visit https://reactjs.org/docs/error-decoder.html?invariant=93 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

When I go to that link, I see this:

The full text of the error you just encountered is:

<textarea> can only have at most one child.

When I look in your code:

        <textarea id="editor">{this.props.value} </textarea>

That space before the closing element is causing the error. I don’t completely understand why as I don’t work on web anymore, but I’m guessing that HTML sees the React text and that space as two separate children.

As to the test suite, I don’t see where you are importing it. When I go to your JS imports, and add https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js, the test suite is there. Also, I’m not sure why you are importing marked twice.

Thanks Kevin for your help with amazing explanation and about importing marked twice it was a silly mistake:)

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.