Tailwind мешает работе ReactMarkdown

Разрабатываю приложение на Tailwind. В нем должен быть функционал по показу markdown статей. Изначально хотел использовать для рендера ReactMarkdown, но он не корректно работает с Tailwind-ом.

  1. Нет заголовков
  2. Нет списков
  3. Нет таблиц

Вот пример:

import React from 'react';
import ReactMarkdown from 'react-markdown';
import remarkGfm from 'remark-gfm';

const markdown = `
# Dillinger
## _The Last Markdown Editor, Ever_

[![N|Solid](https://cldup.com/dTxpPi9lDf.thumb.png)](https://nodesource.com/products/nsolid)

[![Build Status](https://travis-ci.org/joemccann/dillinger.svg?branch=master)](https://travis-ci.org/joemccann/dillinger)

Dillinger is a cloud-enabled, mobile-ready, offline-storage compatible,
AngularJS-powered HTML5 Markdown editor.

- Type some Markdown on the left
- See HTML in the right
- ✨Magic ✨

## Features

- Import a HTML file and watch it magically convert to Markdown
- Drag and drop images (requires your Dropbox account be linked)
- Import and save files from GitHub, Dropbox, Google Drive and One Drive
- Drag and drop markdown and HTML files into Dillinger
- Export documents as Markdown, HTML and PDF
`;

function ArticlePage() {
  return <ReactMarkdown children={markdown} remarkPlugins={[remarkGfm]} className='prose prose-lg'/>;
}

export default ArticlePage;

На первом скрине пример с Tailwind, а на втором - без него.

введите сюда описание изображения введите сюда описание изображения

Как мне кажется, решить проблему можно, выключив Tailwind в одном конкретном компоненте. Подскажите, пожалуйста! Заранее благодарю!


Ответы (0 шт):