Is it possible to render react class inside the `Playground` component?

Question

First thank you for this awesome project 🚀

Description I was wondering, can we render react class inside the Playground component? For example like material ui is doing here https://material-ui.com/demos/dialogs/#simple-dialogs (you need to click on the “Show the source” button). Thanks!

[danielbayerlein]

@pedronauck Looks like it’s no longer possible to render a class directly inside the playground with docz v0.13.7.

Code

<Playground>
  {class Example extends React.Component {
    constructor (props) {
      super(props)

      this.state = { showModal: false }
    }

    handleShowModal () {
      this.setState({ showModal: true })
    }

    handleCloseModal () {
      this.setState({ showModal: false })
    }

    render () {
      return (
        <React.Fragment>
          {this.state.showModal && <p>Lorem ipsum dolor sit amet</p>}
          <button onClick={() => this.handleCloseModal()}>Close Modal</button>
          <button onClick={() => this.handleShowModal()}>Show Modal</button>
        </React.Fragment>
      )
    }
  }}
</Playground>

Error

SyntaxError: Unexpected token (3:11)
1 : (<React.Fragment>
2 : class TestMyCode extends React.Component {
3 :   render() {
               ^

[three60five]

I think this should have an example in the docz.