setting a defaultProps property on a component breaks the nodeName property of RenderContext

[tconroy]

hey there,

if you do the following:

Example.js

import { h, Component } from 'preact';
class Example extends Component {
  render() {
    return (<div>hello, world</div>);
  }
}

Example.defaultProps = {
  foo: 'bar'
}

export default Example;

and then try to inspect the nodeName property of this class instance via RenderContext, you get an interesting looking object like this:

{
    [Function: Example]
    defaultProps: { foo: 'bar'}
}

I'm unsure what exactly is going on here. It looks like the component (as a function) is being assigned as a key to the nodeName property? how do we access this, or assert against it?

if you do this:

console.log( JSON.stringify(context.nodeName) );

it returns

undefined

[gnarf]

.nodeName should be === the function that generates it.

<div> = {nodeName: 'div'}
<Component> = {nodeName: Component}

Is this what you are seeing? or is there something different?