TypeError when vnode.children is an array of text nodes

[maxkueng]

I'm trying a very simple example without JSX but I keep getting an error when there is a text node.

Am I doing it wrong?

Doesn't work:

var dom = require('deku').dom;
var element = require('deku').element;
var createRenderer = dom.createRenderer;
var render = createRenderer(document.querySelector('#content'));

render(element('div', {
  class: "greeting"
}, [
  element('span', {}, ['Hello'])
]));

Works:

var dom = require('deku').dom;
var element = require('deku').element;
var createRenderer = dom.createRenderer;
var render = createRenderer(document.querySelector('#content'));

render(element('div', {
  class: "greeting"
}, [
  element('span') // <-- no "Hello" text
]));

[maxkueng]

This works too. "Hello" is not in an array.

var dom = require('deku').dom;
var element = require('deku').element;
var createRenderer = dom.createRenderer;
var render = createRenderer(document.querySelector('#content'));

render(element('div', {
  class: "greeting"
}, [
  element('span', {}, 'Hello') // <-- "Hello" not in array.
]));

[maxkueng]

Yay! Closing manually as GitHub didn't catch the fix in the commit message. d0b5810

[anthonyshort]

I'll get a release out in a sec, just fixing CI :)

[maxkueng]

So awesome! :100: :sparkles: Now deku works with hyperx.

var hyperx = require('hyperx');
var dom = require('deku').dom;
var element = require('deku').element;
var createRenderer = dom.createRenderer;
var hx = hyperx(element);

var render = createRenderer(document.querySelector('#content'));

render(hx`<div class="greeting">
  <span>Hello</span>
</div>`);

Thanks!

[anthonyshort]

Nice! I'd love to get some docs for this to show an alternative to JSX. Looks really nice.