Render KML

I want to render KML using this, but I’m running into problems.

I have something like this

const folder = props => (
  <Folder>
    {props.children}
  </Folder>
);

const KML = () => (
  <kml>
    <folder>
      foo
    </folder>
  </kml>
);

What I want as output:

<kml>
  <Folder>
    foo
  </Folder>
</kml>

What I get is:

  <kml>
    <folder>
      foo
    </folder>
  </kml>

I passed xml: true to renderToString.

Is there a convention in the casing of JSX tags?

[developit]

Hi @Scarysize - it actually looks like rendering uppercase tags is already supported, just it’s not a feature of JSX (which we can’t change). You’ll have to do something like this:

const Folder = 'Folder';

const KML = () => (
  <kml>
    <Folder>
      foo
    </Folder>
  </kml>
);

… which is easier to understand when you look at what that transpiles to:

const Folder = 'Folder';

const KML = () => (
  h('kml', null,
    h(Folder, null,
      'foo'
    )
  )
);

[Scarysize]

That would be much appreciated!