Storybook: Сборник рассказов (с дополнительной информацией) + стилизованные компоненты

Привет,

Я использую сборник рассказов (с информационным аддоном) в приложении Web React. В том же приложении я использую стилизованные компоненты (https://www.styled-components.com/).

Вот простой случай, как я это делаю:

__LayoutHeader.js__

import styled from 'styled-components';

const LayoutHeader = styled.div`
  color: #fff;
  background-color: #000;
`;

export default LayoutHeader;

__LayoutHeader.story.js__

import { storiesOf } from '@storybook/react';
import React from 'react';

import LayoutHeader from './LayoutHeader';

storiesOf('LayoutHeader', module)
.addWithInfo('with text', () => (
  <LayoutHeader>Simple text</LayoutHeader>
));

Проблема в том, что вывод информации из сборника рассказов выглядит так:

Могу ли я каким-то образом обработать историю, чтобы она отображала содержание истории как <LayoutHeader /> вместо <styled.div /> ?