fix: handle numbers and booleans as children resolving error

lib/__tests__/index.tsx

@@ -8,6 +8,16 @@ test('h', async () => {
   assert.equal(html, `<div>foo</div>`)
 })
 
+test('h - number as child', async () => {
+  const html = <div>{1}</div>
+  assert.equal(html, `<div>1</div>`)
+})
+
+test('h - boolean as child', async () => {
+  const html = <div>Hello {true}</div>
+  assert.equal(html, `<div>Hello </div>`)
+})
+
 test('h - nested', async () => {
   const html = (
     <div>

lib/index.ts

@@ -7,7 +7,7 @@ export type Props = {
   style?: { [property in CSSPropertyNames]?: string | number }
   [attribute: string]: any
 }
-export type Child = string | boolean | null
+export type Child = string | boolean | number | null
 export type PropsWithChildren<T> = T & {
   children?: Child | Child[]
 }
@@ -58,8 +58,19 @@ export function h(tag: Element, props: Props, ...children: Child[] | Child[][]):
   while (children.length) {
     const child = children.shift()
     if (!child) continue
-    // @ts-expect-error
-    typeof child === 'string' ? c.push(child) : children.push(...child)
+    switch (typeof child) {
+      case 'string':
+        c.push(child)
+        break
+      case 'number':
+        c.push(`${child}`)
+        break
+      case 'boolean':
+        continue
+      default:
+        // @ts-expect-error
+        children.push(...child)
+    }
   }
 
   // needed for JSX