From aff6390cc79a09d2e413917912ff598e7f3d3c32 Mon Sep 17 00:00:00 2001
From: Matthew Phillips <matthew@skypack.dev>
Date: Mon, 15 Mar 2021 15:41:15 -0400
Subject: [PATCH] Make our h handle void tags properly

---
 src/frontend/h.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/frontend/h.ts b/src/frontend/h.ts
index 3d9e62f430..3ba0541e8e 100644
--- a/src/frontend/h.ts
+++ b/src/frontend/h.ts
@@ -3,6 +3,9 @@ export type HChild = string | undefined | (() => string);
 export type HMXComponent = (props: HProps, ...children: Array<HChild>) => string;
 export type HTag = string | HMXComponent;
 
+const voidTags = new Set(['area', 'base', 'br', 'col', 'command', 'embed', 'hr',
+  'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr']);
+
 function* _h(tag: string, attrs: HProps, children: Array<HChild>) {
   yield `<${tag}`;
   if (attrs) {
@@ -13,6 +16,11 @@ function* _h(tag: string, attrs: HProps, children: Array<HChild>) {
   }
   yield '>';
 
+  // Void tags have no children.
+  if(voidTags.has(tag)) {
+    return;
+  }
+
   for (let child of children) {
     // Special: If a child is a function, call it automatically.
     // This lets you do {() => ...} without the extra boilerplate