PropTable does not work with styled-component

Bug Report

Describe the bug PropTable won’t render for a styled-component like the following:

// Header.js
import React from 'react';
import PropTypes from 'prop-types';

import styled from 'styled-components';

const Header = styled.header`
  z-index: 100;
  background-color: ${props => props.bg};
  min-height: 3rem;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1rem;
  display: flex;
  align-items: center;
`;

Header.defaultProps = {
  bg: #333,
};

Header.propTypes = {
  children: PropTypes.node.isRequired,
  bg: PropTypes.string,
};

export default Header;

---
name: Header
menu: Components
---

import { PropsTable } from 'docz';
import Header from './Header';

# Header

## Properties

<PropsTable of={Header} />

To Reproduce

1. Create a styled-component
2. Import it into an .mdx file
3. start docz dev server
4. See error

[pcooney10]

Digging a bit more, it seems to be related to the ‘docgen parser’: https://github.com/pedronauck/docz/issues/347#issuecomment-425154378

And will be resolved in v0.14: https://github.com/pedronauck/docz/issues/240#issuecomment-449506318

[Raphalex46]

Why is this closed ? I think a lot of React projects use styled components, and using a workaround like the one that was suggested is not an option for everybody. This seems like quite a simple fix, and it would be great to get rid of this little bug. The problem with the workaround is also that it makes little sense to change your real code for the sake of documentation, it’s weird.

The stale bot is also a real problem here. It’s not because the issue is stale that the issue is invalid…