dangerouslySetInnerHTML doesn't work on SVG tag

Hey @developit!

This property should work on svg tags, isn’t?

I’m trying to use it to generate SVG sprites:

const SvgIcon = ({ id, label }) => {
  const props = {
    className: 'icon',
    'aria-hidden': true,
    'aria-label': label,
    dangerouslySetInnerHTML: {
      __html: `<use xlink:href="/svg/icons.svg#${id}" />`
    }
  }

  return <svg {...props} />
}

But use tag is not being inserted inside of svg 😦

[developit]

Ah okay so this is sort of a dupe of developit/preact-svg#15. On my to-do list!

[fdaciuk]

Very nice! 😍 I’ll waiting for it =)