Stateless components cannot be arrow functions

[LinusU]

A bug in isFunctionalComponent is causing an error to be thrown when passing an arrow function as a stateless component. This is because arrow functions doesn't have a prototype, which is used in this function.

Compare these two identity functions:

This is the very simple app that I'm using together with browserify:

const { h, render } = require('preact')

const App = (props) =>
  h('h1', null, 'Hello World')

render(h(App), document.body)

Note that I'm not using babel here. This works when using babel because it converts the arrow functions to normal functions.

[developit]

Ah, very good catch. Should be a quick fix.

[LinusU]

Thanks for the quick fix, if you could publish a patch release right away I would be so happy! 🎉

[developit]

@LinusU yes sorry - meant to publish but I had to step out for a sec. Will publish in ~20 minutes. Cheers!

[developit]

By the way, not sure if it helps but I've been publishing alphas here: https://gist.github.com/developit/75e724607fe33de9e63f
For larger changes I generally publish a beta dist-tag to NPM.

[LinusU]

Nice! 🙌

I'm using npm so it might be a bit tedious to include the gist...

[developit]

For sure, yup.

[developit]

Released as 4.6.1. Thanks!

[LinusU]

Thank you!