CSS not applying to ReactMde

Question

I'm building a notes app but I run into a problem, I installed react-mde, react-split, and showdown as dependencies using npm install but the editor's CSS styling is missing, what could be the problem?

The source code: https://github.com/arturfriedrich/notes-app

Answer 1

This is from the Scrimba React course, right?. I was having the exact same problem. Here's how I solved it. Just put this line of code in your App after all your imports:

import "react-mde/lib/styles/css/react-mde-all.css";

See also the React MDE documenation.