Сокращенный модальный контент не работает с HTML-тегами в React Semantic UI

Как упоминалось в документ, мы можем создать модальное окно в этом сокращенном методе. Но если я добавлю HTML-теги в раздел content, исходный стиль не сохранится.

например: Работает нормально:

const ModalExampleShorthand = () => (
  <Modal
    trigger = {<Button>Show Modal</Button>}
    header='Reminder!'
    content='Call Benjamin regarding the reports.'
    actions = {['Snooze', { key: 'done', content: 'Done', positive: true }]}
  />
)

не работает (стиль раздела содержимого исчез):

const ModalExampleShorthand = () => (
  <Modal
    trigger = {<Button>Show Modal</Button>}
    header='Reminder!'
    content = {<p>Call Benjamin regarding the reports</p>}
    actions = {['Snooze', { key: 'done', content: 'Done', positive: true }]}
  />
)

Вы можете отредактировать это в самом разделе "Попробовать" здесь: