Storybook: 스토리 북 (애드온 정보 포함) + 스타일 구성 요소

야,

웹 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 /> ?