Ya tengo el nombre de mi clase en mi elemento ul, cuando uso ReactMarkdown me da un segundo elemento ul.
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>No quiero el segundo elemento "ul" anidado.
course.materialsNeeded es un md devuelto de una base de datos que usa * para separar los elementos materiales de la siguiente manera:
"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",