I already have my class name in my ul element, when I use ReactMarkdown it gives me a second ul element.

import ReactMarkdown from 'react-markdown'
...
  <ul className="course--detail--list">
       <ReactMarkdown children={course.materialsNeeded} />
    </ul>

renders:

 <ul className="course--detail--list">
       <ul>
         <li>
         <li>
         <li>
      </ul>
</ul>

I don't want the second nested "ul" element.

course.materialsNeeded is a returned md from a database using * to seperate out material items like so:

 "materialsNeeded": "* 1/2 x 3/4 inch parting strip\n* 1 x 2 common pine\n* 1 x 4 common pine\n* 1 x 10 common pine\n* 1/4 inch thick lauan plywood\n* Finishing Nails\n* Sandpaper\n* Wood Glue\n* Wood Filler\n* Minwax Oil Based Polyurethane\n",