can't pass an onclick to a custom component

[chadlavi]

If I try to pass an onClick to a custom component, the component is not rendered and no error is shown in the console.

Here's how I'm defining my custom component:

import React, {createElement} from 'react'
import marksy from 'marksy/jsx'
import {
  Button,
  Link
} from '..'

interface MarkdownProps {
  markdown: any
}

export const Markdown = (props: MarkdownProps) => {

  const {markdown} = props

  const compile = marksy({
    createElement,
    elements: {
      a (props: any) {
        return (<Link {...props} />)
      },
    },
    components: {
      Button (props: any) {
        return (
          <Button {...props} />
        )
      }
    },
  })

  return compile(markdown).tree
}

if I pass this markdown:

<Button
  className='primary'
>foo</Button>

it renders the custom Button component as expected.

But if I pass this:

<Button
  className='primary'
  onClick={() => alert('ok')}
>foo</Button>

The Button is not rendered at all, and no errors show in the console.

I suspect this is a braces issue; if I pass the onClick prop but supply it a string instead, the component renders and I get a warning in the console that onClick expects a function.