Docz: Crashes when loading .tsx files

[alanrsoares]

Bug Report

Docz crashes when trying to load a "./Button.tsx" file on a standard CRA app with react-scripts-ts
To Reproduce

1. Run yarn docz:dev
2. It runs with the following warnings

 WARNING  Compiled with 4 warnings                                                                                                  
 warning  in ./src/ui/components/Button/Button.mdx

"export 'Button' was not found in './Button'

 warning  in ./src/ui/components/Button/Button.mdx

"export 'Button' was not found in './Button'

 warning  in ./src/ui/components/Button/Button.mdx

"export 'Button' was not found in './Button'

 warning  in ./src/ui/components/Button/Button.mdx

"export 'Button' was not found in './Button'

1. Go to localhost:3000
2. Navigate to the component doc on the menu
3. See the following error

Cannot read property '__docgenInfo' of undefined
Stack trace
in BasePropsTable (created by Context.Consumer)
in Component (at Button.mdx:9)
in div (created by MDXTag)
in MDXTag (created by Context.Consumer)
in Component (at Button.mdx:7)
in _default (created by o)
in o (created by AsyncComponent)
in AsyncComponent (created by t)
in t (created by Context.Consumer)
in b (created by s)
in s (created by Context.Consumer)
in Component (created by AsyncRoute)
in div (created by Styled(div))
in Styled(div) (created by ConsumerMemoization)
in div (created by Styled(div))
in Styled(div) (created by ConsumerMemoization)
in div (created by Styled(div))
in Styled(div) (created by Mt)
in Mt (created by ConsumerMemoization)
in ConsumerMemoization (created by Context.Consumer)
in CopyOnWriteConsumer (created by Context.Consumer)
in ThemeConfig (created by Wt)
in Wt (created by AsyncRoute)
in AsyncRoute (created by t)
in t (created by ConsumerMemoization)
in t (created by ConsumerMemoization)
in ConsumerMemoization (created by Context.Consumer)
in CopyOnWriteConsumer (created by Context.Consumer)
in MDXProvider (created by DocPreview)
in DocPreview (created by ConsumerMemoization)
in ThemeProvider (created by ConsumerMemoization)
in ConsumerMemoization (created by Context.Consumer)
in CopyOnWriteConsumer (created by Context.Consumer)
in ThemeConfig (created by Component)
in Component (created by DoczTheme)
in DefaultWrapper (created by DoczTheme)
in ScrollToTopBase (created by t)
in t (created by withRouter(ScrollToTopBase))
in withRouter(ScrollToTopBase) (created by DoczTheme)
in t (created by t)
in t (created by DoczTheme)
in DataServer (created by DoczTheme)
in CopyOnWriteStoreProvider (created by DoczTheme)
in ErrorBoundary (created by DoczTheme)
in DoczTheme (at root.jsx:9)
in Root (created by HotExportedRoot)
in AppContainer (created by HotExportedRoot)
in HotExportedRoot (at app/index.jsx:15)

link to repo: https://github.com/alanrsoares/frontend-primer

Environment

• OS: Windows 10 - Ubuntu WSL
• Node/Yarn version: node v10.12.0 / yarn 1.10.1

Additional context/Screenshots

Button.tsx

import React, { ReactNode } from "react";

export const Button = (props: { children: ReactNode }) => (
  <button>{props.children}</button>
);

Button.mdx

---
name: Button
menu: Components
---

import { Playground, PropsTable } from 'docz'
import { Button } from './Button'

# Button

<PropsTable of={Button} />

## Basic usage

<Playground>
  <Button>Click me</Button>
  <Button kind="secondary">Click me</Button>
</Playground>

[lwxyfer]

you must use default export.

const Button ...
export default Button

[alanrsoares]

@lwxyfer exporting default freezes the browser when I click the button item on the menu.

[nicholasess]

@alanrsoares You need to set typescript in doczrc.js https://github.com/pedronauck/docz/blob/master/examples/typescript/doczrc.js#L3

[alanrsoares]

Yep. It worked after setting typescript to true and downgrading bubble

[matepapp]

I have the same issue with the latest v2 version and the example typescript project 😞